Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Wyśrodkowanie bannera i problem z menu
#11
nie.
overflow:hidden ukrywa to co poza danym elementem, czyli to co z niego wystaje
ale tez pokazuje element gdy jest on "pusty"
U ciebie linki byly puste, czyli tak samo w divach nic nie bylo.

text-indent przesuwa tekst w lewo. Jeżeli ustawisz mu -999px wtedy poleci sobie w piz... Jezeli temu samemu elementowi ustawisz overflow:hidden; to ten tekst zostanie ukryty

czyli
css:
Kod:
ul {.....}
li.pierwszy_link {background:url(.....) no-repeat; width:.....px; height:.....px; display:block; float:left;}
a{display:block; width:.....px; height:.....px; text-indent:-999px; overflow:hidden;}

html:
Kod:
<ul>
<li class="pierwszy_link"><a href="">O nas</a></li>
</ul>

jak widzisz nawet nie potrzeba zadnych divów
Odpowiedz
#12
No dobra, zrobiłem tak jak mówiłeś, ale nadal nie ma tego co chciałem ;/
Chciałem uzyskać poziome menu, belka była wstawiona i obok tego chciałem wstawić 5 obrazków z napisami: Home, O nas, Siedziba, Cennik i Kontakt ;/
Robiąc tak jak napisałeś uzyskałem taki efekt:
[Obrazek: efekt.JPG]

Urywek kodu HTML:
Kod:
<ul>
          <li class="pierwszy_link"><a href="index.html">Home</a></li>
          <li class="drugi_link"><a href="index.html">O nas</a></li>
          <li class="trzeci_link"><a href="index.html">Siedziba</a></li>
          <li class="czwarty_link"><a href="index.html">Cennik</a></li>
          <li class="piaty_link"><a href="index.html">Kontakt</a></li>
</ul>

Urywek kodu CSS:
Kod:
ul { height:29px; }
li.pierwszy_link {background:url(images\ch_07.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.drugi_link {background:url(images\ch_08.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.trzeci_link {background:url(images\ch_09.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.czwarty_link {background:url(images\ch_10.png) no-repeat; width:72px; height:29px; display:block; float:left;}
li.piaty_link {background:url(images\ch_11.png) no-repeat; width:72px; height:29px; display:block; float:left;}
a{display:block; width:72px; height:29px; text-indent:-999px; overflow:hidden;}

Nigdzie prędzej w kodzie CSS nie mam deklaracji i nadawania atrybutów dla UL i LI.
Odpowiedz
#13
Odpowiedz
#14
Nie wiem co jest grane, ale nadal jest to samo ;/

HTML: http://codepaste.net/n1neeo
CSS: http://codepaste.net/5apsxq

Gdyby było bez obrazków to by nie było takiego problemu... Ale chcę obrazki Wink
Odpowiedz
#15
daj linka do strony, bo kod mi sie wydaje dobry Smile przynajmniej to co zrobiles z menu.
Swoją drogą - byłeś może u lekarza?
Masz przejawy divitisa Sad
http://witia.jogger.pl/2005/12/20/divitis-classitis/
Odpowiedz
#16
Nie miałem wrzucone tego na neta, ale wrzuciłem...
Proszę bardzo: www.reconnect.yoyo.pl
Odpowiedz
#17
zamknij .belka1 w stylach i daj klasę menu w html dla tej listy
Odpowiedz
#18
Klasę menu w HTML czyli zamiast <ul> dać <ul class="menu"> ?
Odpowiedz
#19
1) tak. przeciez sam napisałeś w swoich stylach ul.menu
2) zamknij to co ci mówiłem, bo wciąż masz otwarte
Odpowiedz
#20
Czasu wczoraj nie miałem ;-) Jak pisałem posta to musiałem się już zbierać, jeszcze na szybko kanapke jadłem i spijałem herbate, czego się nie udało zrobić, bo musiałem już lecieć, gdyż instruktorka jechała ;-) no i 5h jazd eLką Wink
Teraz zrobiłem co kazałeś i dalej jest to samo, z tym, że jak najedzie się myszką pod tą wstawioną belką to są odnośniki do indexu...

Troszkę się wkurzyłem i podpatrując kody pewnego szablonu z zagranicznej strony zrobiłem coś takiego...
http://www.reconnect.yoyo.pl/2/index.html
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,157 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,359 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 5,268 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,538 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 5,677 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl