Odleglosc miedzy elementami LI Opcje

[Balas]

Jak zmienic odleglosc miedzy elementami listy LI (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

edit:
Czy jedynym zrowiazaniem jest nadanie kazdemu LI classy i w niej dac wszystkim oprocz ostatniego margin (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Ten post edytował OnE.Killer 26.02.2006, 14:26:18

[revyag]

Kod

ul li {
    padding-top:5px;
}

o to chodzi ?

[Balas]

nie (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

EDIT
Tylko jest jeden problem, to nie działa pod IE

Ten post edytował OnE.Killer 26.02.2006, 17:56:34

[Zajec]

No tak...

Kod

li { margin-left: 1px; }
li:first-child { margin-left: 0; }

[XML] pobierz, plaintext 
<ul id="menu">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
[XML] pobierz, plaintext 

Kod

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

Ten post edytował Zajec 26.02.2006, 20:02:07

[Balas]

Teraz OK :]

Ten post edytował OnE.Killer 27.02.2006, 19:19:43

[Jarod]

No tak...

Kod

li { margin-left: 1px; }
li:first-child { margin-left: 0; }

[XML] pobierz, plaintext 
<ul id="menu">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
[XML] pobierz, plaintext 

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ą.

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

Life...
(IMG:http://forum.php.pl/style_emoticons/default/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ć (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)