Willkommen in der Webstatt Zum Webstatt Blog und Stories
Remo1234 Remo1234 am 04.02.07 23:54

Einer nen Plan, wie ich den Abstand zwischen Punkt und Text in der Liste verringere?

Klick

Code:

div#menu2 ul#subpoint{
margin: 2px 0 0 17px;
list-style-image:url(../img/content/list/ball1.png);
font-size: 10px;
}


Kann bei Gelegeheit vllt jemand schonmal gucken, obs im Netscape/IE7/Safari/Opera gut aussieht?! Muss nicht unbedingt sein, wär nett.

Danke, Gruß,
Tobi

netcup.de Warum gibt es hier Werbung?
der_nic der_nic am 05.02.07 14:28

padding-left verkleinern...

Remo1234 Remo1234 am 05.02.07 18:12

Quote
Original von der_nic
padding-left verkleinern...

Leider nein :( Ist schon auf Null, minus etc. geht auch nicht.

der_nic der_nic am 05.02.07 18:37

aja ich meinte natürlich die vom <li> Element

Remo1234 Remo1234 am 05.02.07 20:30

Quote
Original von der_nic
aja ich meinte natürlich die vom <li> Element

Hab ich als aller erstes ausprobiert, funktioniert leider auch nicht.

der_nic der_nic am 05.02.07 22:01

ARGH! Also ich hab mir mal deinen ganzen *pardon* Scheiss runtergeladen... aber irgendwie wills nicht...

Mögliche Alternative die mir zu der Zeit noch einfällt:
List-Item Bild als Backgroundimage einfügen und mit padding so weit wie gewünscht verschieben

Remo1234 Remo1234 am 05.02.07 22:22

Quote
Original von der_nic
ARGH! Also ich hab mir mal deinen ganzen *pardon* Scheiss runtergeladen... aber irgendwie wills nicht...

Mögliche Alternative die mir zu der Zeit noch einfällt:
List-Item Bild als Backgroundimage einfügen und mit padding so weit wie gewünscht verschieben

Kapier ich nicht. Als Background-Image vom Text? Background-Images kann man mit padding nicht verschieben...

der_nic der_nic am 05.02.07 22:32

nein ich meins so:
du gibst jedem <li> ein Backgroundimage mit deinem runden Teil und der rest ist transparent (->gif)
nun ist das Runde aber unter dem Text, also musst du die ganze <ul> nach links schieben und den <li>s halt links dafür padding geben. Resultat:
Sieht genau aus wie du willst ist halt nur ein bischen viel Aufwand

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt