Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
Wyśrodkowanie bannera i problem z menu
|
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
25-04-2011, 15:58
(Ten post był ostatnio modyfikowany: 25-04-2011, 15:58 przez Kartofelek.)
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
Liczba postów: 16
Liczba wątków: 4
Dołączył: 15-04-2011
Reputacja:
0
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:
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.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
25-04-2011, 17:00
(Ten post był ostatnio modyfikowany: 25-04-2011, 17:03 przez Kartofelek.)
Liczba postów: 16
Liczba wątków: 4
Dołączył: 15-04-2011
Reputacja:
0
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
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
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/
Liczba postów: 16
Liczba wątków: 4
Dołączył: 15-04-2011
Reputacja:
0
Nie miałem wrzucone tego na neta, ale wrzuciłem...
Proszę bardzo: www.reconnect.yoyo.pl
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
26-04-2011, 00:29
(Ten post był ostatnio modyfikowany: 26-04-2011, 00:30 przez Kartofelek.)
zamknij .belka1 w stylach i daj klasę menu w html dla tej listy
Liczba postów: 16
Liczba wątków: 4
Dołączył: 15-04-2011
Reputacja:
0
Klasę menu w HTML czyli zamiast <ul> dać <ul class="menu"> ?
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
1) tak. przeciez sam napisałeś w swoich stylach ul.menu
2) zamknij to co ci mówiłem, bo wciąż masz otwarte
Liczba postów: 16
Liczba wątków: 4
Dołączył: 15-04-2011
Reputacja:
0
27-04-2011, 17:19
(Ten post był ostatnio modyfikowany: 27-04-2011, 17:23 przez MartinTcV.)
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
|
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,355 |
18-06-2017, 18:34
Ostatni post: lemans88
|
|
CSS dla menu i problem z selektorami |
neferith |
4 |
5,265 |
30-06-2016, 00:58
Ostatni post: Brain23
|
|
MENU - poważny problem wysokości! |
asus |
0 |
2,536 |
05-12-2014, 23:34
Ostatni post: asus
|
|
Trzypoziomowe menu - problem |
rejcz |
3 |
5,673 |
25-01-2014, 17:16
Ostatni post: Kartofelek
|
Użytkownicy przeglądający ten wątek:
|
|
Sponsorzy i przyjaciele
|
|
|