+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyśrodkowanie bannera i problem z menu (/thread-wy%C5%9Brodkowanie-bannera-i-problem-z-menu)
Strony:
1
2
RE: Wyśrodkowanie bannera i problem z menu - Kartofelek - 25-04-2011
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
RE: Wyśrodkowanie bannera i problem z menu - MartinTcV - 25-04-2011
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]](http://tczew.net.pl/~martin1993/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.
RE: Wyśrodkowanie bannera i problem z menu - Kartofelek - 25-04-2011
RE: Wyśrodkowanie bannera i problem z menu - MartinTcV - 25-04-2011
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
RE: Wyśrodkowanie bannera i problem z menu - Kartofelek - 25-04-2011
daj linka do strony, bo kod mi sie wydaje dobry
przynajmniej to co zrobiles z menu.Swoją drogą - byłeś może u lekarza?
Masz przejawy divitisa
http://witia.jogger.pl/2005/12/20/divitis-classitis/
RE: Wyśrodkowanie bannera i problem z menu - MartinTcV - 25-04-2011
Nie miałem wrzucone tego na neta, ale wrzuciłem...
Proszę bardzo: www.reconnect.yoyo.pl
RE: Wyśrodkowanie bannera i problem z menu - Kartofelek - 26-04-2011
zamknij .belka1 w stylach i daj klasę menu w html dla tej listy
RE: Wyśrodkowanie bannera i problem z menu - MartinTcV - 26-04-2011
Klasę menu w HTML czyli zamiast <ul> dać <ul class="menu"> ?
RE: Wyśrodkowanie bannera i problem z menu - Kartofelek - 26-04-2011
1) tak. przeciez sam napisałeś w swoich stylach ul.menu
2) zamknij to co ci mówiłem, bo wciąż masz otwarte
RE: Wyśrodkowanie bannera i problem z menu - MartinTcV - 27-04-2011
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ą
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