Modyfikacja UL w CSS

[matbla]

Witam,

właśnie skończyłem modyfikować stronkę, ale zostały dwa problemy. Jeden nadaje się do tego działu, więc go przedstawię.:

- chciałem usunąć odstępy, jakie robi znacznik <ul>, jednak kiedy wpisywałem margin:0; padding:0; display:inline to rzeczywiście odstępy znikały, ale wraz z nimi kropki (punktory). Jak zrobić, żeby odstępów nie było, ale kropki pozostały?

Pozdrawiam,

Mati

[abc]

list-style-type:_;

[matbla]

yyy, to nic nie daje

[Bielack]

To zawsze możesz jako punktor dać ładny obrazeczek, a odległością sterować w css.

[matbla]

my się źle zrozumieliśmy chodzi mi nie o tą odległość od lewego marginesu, ale o tą od górnego i dolnego, jaka się automatycznie robi

[Bełdzio]

ul{
 margin: 0px;
 padding: 0px;
}

[matbla]

jak wpisze

margin:0;

list-style-type: circle

to pod mozilla to zalatwia sprawa - super wyglada, natomiast pod IE nie ma wcale kropek :/

[abc]

line-height:_;

[Gość]

Dokładnie, jak mówi ~ABC odstępy między wierszami załatwia line-height. Jako parametr możesz podać wysokość w cm, px i wielu innych

[GEGE]

Lub nadaj margines dla <li>

[yavaho]

To jest jedno z "dziwadeł" css, a zwłaczsza jak poprzedni element ma nadany atrybut float:left

Proponuje takie dane początkowe, a dopiero potem dodanie do nich kilka px

ul{

margin:0 0 0 8px;

padding:0 0 0 8px;

}

li{

margin:0 0 0 -8px;//przy DTD HTML margin:0;//przy DTD XHTML

padding:0;

}

A dla tych ktorzy tego nie przetestowali zanim odpowiedzieli kilka innych kombinacji tylko dla samego DTD XHTML (celowo 12px bo pod IE widać o co chodzi)

ul{

margin:0 0 0 12px;

padding:0;

}

li{

margin:0;

padding:0;

}

albo

ul{

margin:0;

padding:0 0 0 12px;

}

li{

margin:0;

padding:0;

}

albo

ul{

margin:0;

padding:0;

}

li{

margin:0 0 0 12px;

padding:0;

}