![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 0 Dołączył: 9.01.2005 Ostrzeżenie: (0%) ![]() ![]() |
Przykład: http://www.kamil.klecza.pl
Założenia jakie to menu powinno spełniać: 1. powinno wyglądać pod wszystkimi przeglądarkami identycznie (czyli tak jak wygląda obecnie pod ff/operą) 2. powinno mieć stałą wysokość tzn. nie zależną od tego jaką np. ustawie czcionke w tabach czyli tak jak teraz powinno ją uciąć 3. Obok powinno dać się umieścić jakąś belke z np. jakimiś dodatkowymi przyciskami tak jak to jest teraz (ff/opera). Ten przykład działa wszędzie prócz ie < 7.0:( W 7.0 o dziwo to poprawili. Jakieś sugestie jakbym mógł zmienić to menu? Ten post edytował xamil 11.09.2006, 11:35:01 |
|
|
![]()
Post
#2
|
|
![]() Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%) ![]() ![]() |
Parę tematów niżej jest temat o prawie tym samym.
Temat: Menu na CSS Możesz skorzystać z tego co podał @s_w_ir -------------------- -------------
------ |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 0 Dołączył: 9.01.2005 Ostrzeżenie: (0%) ![]() ![]() |
Dzięki. Właśnie patrzę na to. Niestety nie mogą obejść problemu umieszczenia po prawej stronie zakładek dodatkowych przycisków:/ Jakieś pomysły? Ech...
|
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 614 Pomógł: 7 Dołączył: 10.11.2003 Skąd: Rzeszów/Kraków Ostrzeżenie: (0%) ![]() ![]() |
Np. float: right; albo position: absolute;
-------------------- Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ |
|
|
![]()
Post
#5
|
|
![]() Grupa: Zarejestrowani Postów: 315 Pomógł: 1 Dołączył: 6.08.2003 Skąd: Kielce Ostrzeżenie: (0%) ![]() ![]() |
Do listy dodajemy np. dwa elementy które mają klase right
a w CSSie po ul#zakl_naw li (na wszelki wypadek, i dla przejrzystości) Kod ul#zakl_naw li { float: left; height: 21px; background-color: #B51032; color: #FFFFFF; margin: 2px 2px 0 2px; border: 1px solid #711515; } ul#zakl_naw li.right //od tąd dodajemy { float: right; } Cała moc skryptu polega na tym że dla każdej strony możemy zdefiniować zupełnie inny wygląd dzięki id przy body, np. każda strona może kryć inną kolorystyke. Robiąc teraz klase right tracimy wygląd aktywnej zakładki, ale zmieniając kod na taki(że tak powiem indywidualny): i dodając do CSSa Kod ul#zakl_naw li { float: left; height: 21px; background-color: #B51032; color: #FFFFFF; margin: 2px 2px 0 2px; border: 1px solid #711515; } ul#zakl_naw li.prawy1, ul#zakl_naw li.prawy2 //to jest dodane { float: right; } ... body#przepisy li.przepisy, body#kontakt li.kontakt, body#artykuly li.artykuly, body#zakupy li.zakupy, body#prawy1 li.prawy1, body#prawy2 li.prawy2 { // tu sa dopisane klasy border-bottom: 1px solid #fff; color: #000000; background-color: #FFFFFF; } body#przepisy li.przepisy a:link, body#przepisy li.przepisy a:visited, body#kontakt li.kontakt a:link, body#kontakt li.kontakt a:visited, body#artykuly li.artykuly a:link, body#artykuly li.artykuly a:visited, body#zakupy li.zakupy a:link, body#zakupy li.zakupy a:visited, body#prawy1 li.prawy1 a:link, body#prawy1 li.prawy1 a:visited, body#prawy2 li.prawy2 a:link, body#prawy2 li.prawy2 a:visited{ // tu sa dopisane klasy color: #000000; background-color: #FFFFFF; } Otrzymamy to co chcemy. Btw. skrypt jest z książki CSS Antologia, a autorka owej ksiązki ów pomysł zaczerpneła z http://unraveled.com/projects/css_tabs/ |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 18.07.2025 - 04:20 |