-
1. Data: 2009-06-03 16:14:40
Temat: IE, float, lista i bullety
Od: Peter <p...@p...fm>
Jest prosta lista:
<ul>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
<li><a href="#">test</a></li>
</ul>
i style:
ul{
float:right;
padding:0;
margin:0;
}
li{
float:left;
margin:0 0.75em 0 1em;
padding:0;
list-style:disc;
}
ul li a{
display:block;
}
Problem w tym, że o ile w Firefoksie jest wszystko dobrze, czyli są
"disc"-ki przy każdym <li>, o tyle w IE7 (podejrzewam, że w IE6 też)
list-style:disc; zupełnie nie daje efektu.
Próbowałem position:relative lub zoom:1; dla <ul>. Nic. Kilka innych
"efektów specjalnych dla IE", ale nie mam efektu. Style są dokładnie
takie, jak powyżej opisałem.
Hm, wydawało mi się, że to musi być jakiś znany bug, ale w Google nie
otrzymuję właściwej odpowiedzi. Może ktoś podpowie.
--
Peter
-
2. Data: 2009-06-03 16:59:17
Temat: Re: IE, float, lista i bullety
Od: ethanak <s...@b...pl>
Dnia Wed, 03 Jun 2009 18:14:40 +0200, Peter napisał(a):
> [...]
> li{
> float:left;
> margin:0 0.75em 0 1em;
> padding:0;
Hm... a gdzie list-style-position?
ethanak
--
mailto=window.atob('ZXRoYW5ha0Bwb2xpcC5jb20=');
http://milena.polip.com/ - nie czekam na Ivo!
-
3. Data: 2009-06-03 17:31:30
Temat: Re: IE, float, lista i bullety
Od: Peter <p...@p...fm>
ethanak pisze:
> Dnia Wed, 03 Jun 2009 18:14:40 +0200, Peter napisał(a):
>
>> [...]
>> li{
>> float:left;
>> margin:0 0.75em 0 1em;
>> padding:0;
>
> Hm... a gdzie list-style-position?
A po co? Domyślną wartością (widzę to w Firefoksie) jest outside. Z
resztą odpuściłem sobie już to i dałem odpowiedni background dla <a>. W
Google nie widzę rozwiązania tego problemu. No, ale może źle szukam :/
--
Peter
-
4. Data: 2009-06-03 17:34:41
Temat: Re: IE, float, lista i bullety
Od: Paweł Piskorz <n...@p...nie?>
Peter pisze:
> li{
> float:left;
> margin:0 0.75em 0 1em;
> padding:0;
> list-style:disc;
> }
[8<]
> Problem w tym, że o ile w Firefoksie jest wszystko dobrze, czyli są
> "disc"-ki przy każdym <li>, o tyle w IE7 (podejrzewam, że w IE6 też)
> list-style:disc; zupełnie nie daje efektu.
Za mały margin-left masz i disc w IE po prostu znika poza ul. Daj 2em i
powinien się pojawić.
--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}
-
5. Data: 2009-06-03 17:57:34
Temat: Re: IE, float, lista i bullety
Od: Peter <p...@p...fm>
Paweł Piskorz pisze:
> Peter pisze:
>> li{
>> float:left;
>> margin:0 0.75em 0 1em;
>> padding:0;
>> list-style:disc;
>> }
> [8<]
>> Problem w tym, że o ile w Firefoksie jest wszystko dobrze, czyli są
>> "disc"-ki przy każdym <li>, o tyle w IE7 (podejrzewam, że w IE6 też)
>> list-style:disc; zupełnie nie daje efektu.
>
> Za mały margin-left masz i disc w IE po prostu znika poza ul. Daj 2em i
> powinien się pojawić.
Tak, ale "rozstrzeli" mi się lista za bardzo. Niemniej jednak jak zwykle
to bywa w przypadku IE, znalazłem inne rozwiązanie: background pomogło ;-)
--
Peter