Einrückung bei Listen
Jan
- css
Moin,
ich möchte wesentlich kleinere Einrückung bei Listen (ul/li).
Aber ich habe nur list-style-position: inside gefunden, was mir aber nicht ausreicht.
Kann man die Einrückung genauer definieren?
Jan
Hallo Jan,
gib deinen ul/li doch einfach einen margin-left einen "-" Wert
Gruß
Chris
Hello Jan,
ich möchte wesentlich kleinere Einrückung bei Listen (ul/li).
Aber ich habe nur list-style-position: inside gefunden, was mir aber nicht ausreicht.
Kann man die Einrückung genauer definieren?
Ich habe das so gemacht:
.vertical-linklist{
list-style-type:none;
list-style-position:outside;
width:300px;
padding-left:10px;
padding-right:10px;
}
<ul class="vertical-linklist">
<li><a href="/">Home</a></li>
<li><a href="/the_blabla/"> Die BlaBla-Seite </a></li>
<!-- ... -->
<li><a href="/imprint/"> Impressum </a></li>
</ul>
und bin mit dem Ergebnis eigentlich zufrieden
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Moinsen!
Jaja. Die Einrueckung von Listen. Du musst der Liste (nicht den li) einfach die gewuenschte Einrueckung verpassen. Kleines Hindernis: MSIE und Opera (glaub ich, kann ich nicht testen) benutzen dafuer Margin. Mozilla nutzt padding. Chrome und co, weiss ich nicht, kannst Du aber ja selbst rausfinden. Du musst also mindestens 2 Eigenschaften neu setzen.
Hello,
Jaja. Die Einrueckung von Listen. Du musst der Liste (nicht den li) einfach die gewuenschte Einrueckung verpassen. Kleines Hindernis: MSIE und Opera (glaub ich, kann ich nicht testen) benutzen dafuer Margin. Mozilla nutzt padding. Chrome und co, weiss ich nicht, kannst Du aber ja selbst rausfinden. Du musst also mindestens 2 Eigenschaften neu setzen.
MSIE (uralt 8.0) macht es mit padding
FF (uralt 3.6.13) macht es mit padding
Iceweasel (auf Linux) macht es mit padding
Opera habe ich nun noch nicht getestet.
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Hoi!
MSIE (uralt 8.0) macht es mit padding
FF (uralt 3.6.13) macht es mit padding
Iceweasel (auf Linux) macht es mit padding
Hm... Ich bilde mir ein, das gerade gemacht zu haben und dass ich margin und padding auf 0 setzen musste, damits im IE (ich glaub 10) und nem aktuellen FF gleich aussieht.
Hello,
MSIE (uralt 8.0) macht es mit padding
FF (uralt 3.6.13) macht es mit padding
Iceweasel (auf Linux) macht es mit paddingHm... Ich bilde mir ein, das gerade gemacht zu haben und dass ich margin und padding auf 0 setzen musste, damits im IE (ich glaub 10) und nem aktuellen FF gleich aussieht.
Mmmh. Wenn es wichtig ist, schau ich nochmal, ob ich noch irgendwo ein vererbendes margin:0; vorher im CSS versteckt habe.
Ich kann aber keins entdecken.
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Mir ist das wurst. Kann man ja problemlos jedesmal wieder rausfriemeln, wenn man ueber sowas stolpert. Mag auch sein, dass meine Erinnerung streikt und es kein IE sondern chrome oder iron oder was weiss ich war...