Listenproblem

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

padding-left verkleinern...

Original von user-162
padding-left verkleinern...

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

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

Original von user-162
aja ich meinte natürlich die vom <li> Element

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

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

Original von user-162
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...

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