Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Odleglosc miedzy elementami LI
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Balas
Jak zmienic odleglosc miedzy elementami listy LI questionmark.gif Chodzi mi dokładnie o odstep np. miedzy 1 i 2, 2 i 3, ale zeby miedzy 3 i "otoczeniem" takego nie bylo, wiec marginesy dla LI odpadaja.

Jak ktos zrozumial o co mi chodzi moze pomoc questionmark.gif snitch.gif

edit:
Czy jedynym zrowiazaniem jest nadanie kazdemu LI classy i w niej dac wszystkim oprocz ostatniego margin questionmark.gif
revyag
Kod
ul li {
    padding-top:5px;
}

o to chodzi ?
Balas
nie sad.gif

pokaze mniej wiecej o co chodzi :]
Kod
|                                 |
|+-------+   +-------+   +-------+|
||button |1px|button |1px|button ||
|+-------+   +-------+   +-------+|
|                                 |


Kazde LI ma parametr float: left
Zajec
Kod
li { margin-left: 1px; }
li:first-child { margin-left: 0; }
Balas
Dzieki zajec smile.gif

EDIT

Tylko jest jeden problem, to nie działa pod IE
Zajec
No tak...
Kod
li { margin-left: 1px; }
li:first-child { margin-left: 0; }
  1. <ul id="menu">
  2. <li>a</li>
  3. <li>b</li>
  4. <li>c</li>
  5. </ul>
Kod
<!--[if lt IE 7]><script type="text/javascript">
document.getElementById('menu').getElementsByTagName('li')[0].style.marginLeft=0;
</script><![endif]-->
Balas
Teraz OK :]
Jarod
Cytat(Zajec @ 2006-02-26 19:01:01)
No tak...
Kod
li { margin-left: 1px; }
li:first-child { margin-left: 0; }
  1. <ul id="menu">
  2. <li>a</li>
  3. <li>b</li>
  4. <li>c</li>
  5. </ul>
Kod
<!--[if lt IE 7]><script type="text/javascript">
document.getElementById('menu').getElementsByTagName('li')[0].style.marginLeft=0;
</script><![endif]-->

Wiem, że głupie pytanie ale gdzie w którym miejscu zamieszczać

Kod
<!--[if lt IE 7]><script type="text/javascript">
document.getElementById('menu').getElementsByTagName('li')[0].style.marginLeft=0;
</script><![endif]-->


I dlaczego IE pieprzy tyle reguł i trzeba sobie pomagać JS?
revyag
1. Pod listą.

Cytat
I dlaczego IE pieprzy tyle reguł i trzeba sobie pomagać JS?

Life...
snitch.gif
A poważniej to dlatego że wspiera css 2 w niewielkiej jego części. A dlaczego ? No cóż, ktoś "na górze" pewnie kiedyś zdecydował że standardy nie są dla nich aż tak ważne i nie będą się takimi bzdetami zajmować smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.