 mieszanie elementów blokowych i liniowych |
  |
| mieszanie elementów blokowych i liniowych |
 
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 23 Pomógł: 0 Dołączył: 25.05.2003 Ostrzeżenie: (0%) 
 |
Witam,
jeśli elementom listy nadamy styl "display: inline;" to będą one wyświetlane w poziomie... przynajmniej tak dopóki nie wstawimy w nie jakiegoś elementu blokowego - wówczas tylko poczciwy IE 6 wyświetla je poziomo, a reszta przeglądarek pokazuje je jeden pod drugim - a ja chciałbym, żeby działało właśnie tak jak w niestandardowym IE. Jako niezbyt zaawansowany webmaster wiem juz, ze nie powinno sie zawierać elementów liniowych w blokowych - a zdaje się, że właśnie taka sytuacja tu występuje. Niestety trafiłem na miejsce gdzie żadne, inne rozwiązanie nie przychodzi mi do głowy. Jakieś sugestie jak to rozwiązać? podaje poglądowy kod: Ten post edytował lewal 4.05.2007, 21:08:02 -------------------- www.benefitpartner.net - artykuły reklamowe w grach internetowych i portalach społecznościowych
|
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 407 Pomógł: 1 Dołączył: 4.03.2003 Skąd: warszawa Ostrzeżenie: (0%)
|
Kod li {float: left}
li a {display: block} |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 23 Pomógł: 0 Dołączył: 25.05.2003 Ostrzeżenie: (0%)
|
Cytat(babejsza @ 4.05.2007, 23:09:21 )  Kod li {float: left} li a {display: block} świetnie  przy okazji musiałem doczytać sobie o clear, żeby tło wyglądało jak trzeba, ale teraz mam juz dokładnie taki efekt jakiego potrzebowałem. dzięki za pomoc edit: Obawiam się, że za szybko się ucieszyłem. Na początku było ok, ale okazało się, że to tylko przypadek - po drobnych zmianach w treści strony powyższe rozwiązanie wygląda mało ciekawie. Najlepiej pokaże przykład: http://files.quasigame.pl/sample.html jak widać element "foo" jest większy od pozostałych zaledwie o jeden wiersz, a przez to koło niego próbują sie zmieścić dwa elementy "bar" i przed trzecim powstaje brzydka przerwa. Ten post edytował lewal 5.05.2007, 11:08:01 -------------------- www.benefitpartner.net - artykuły reklamowe w grach internetowych i portalach społecznościowych
|
|
|
|
|
Post
#4
|
|
 Grupa: Zarejestrowani Postów: 614 Pomógł: 7 Dołączył: 10.11.2003 Skąd: Rzeszów/Kraków Ostrzeżenie: (0%)
|
Widać niedokładnie doczytałeś o clear.
-------------------- 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: 23 Pomógł: 0 Dołączył: 25.05.2003 Ostrzeżenie: (0%)
|
Cytat(gekon @ 6.05.2007, 16:09:52 ) Widać niedokładnie doczytałeś o clear.
starałem się dość dokładnie, ale możliwe, że coś przeoczyłem. nie zmienia to faktu, że Twoja porada nie działa tak jakbym tego chciał: http://files.quasigame.pl/sample1.html teraz elementy są jeden pod drugim, a to jeszcze gorzej. jeśli miałeś na myśli umieszczanie "clear:left;" tylko w wybranych elementach "li" to niestety mi to nie pasuje - to kod generowany z szablonów i niektóre z tych elementów mogą być ukryte, a poza tym nie wiem z góry ile się ich zmieści w poziomie - to zależy od rozdzielczości. zgodnie z Twoim podpisem: http://quasigame.pl/user/Town/buildings (jest tam sporo "runtime_error" jesli nie jest sie zalogowanym, ale to nie ma znaczenia - elementy, które mam na myśli to te z nagłówkami "Szałasy", "Chaty", "Magazyny") a tutaj wersja statyczna, która nieco lepiej pokazuje problem: http://files.quasigame.pl/buildings.htm -------------------- www.benefitpartner.net - artykuły reklamowe w grach internetowych i portalach społecznościowych
|
|
|
|
|
|
Aktualny czas: 19.08.2025 - 19:17 |
