Aufzählungen->Standard Punkt durch eine Grafik ersetzen?!?

[Max Mustermann]

Tach Leute,

Ich hab da so ne Frage:
Auf meiner Homepage habe ich diverse Aufzählungen.
<ul>
  <li>...</li>
</ul>
Jetzt kommt da ja im Standard-Fall einfach ein runder Punkt. Den will ich durch eine kleine Grafik ersetzten (Pfeil). Wie geht das?
Und wie kann man es dann machen, dass diese Grafik auch noch verlinkt ist? (vom Prinzip her wie bei SelfHTML)

cu, Max

[alex]

Hmm, du solltest vorher mal in Selfhtml nachschauen bevor du hier fragst.

http://selfhtml.teamone.de/css/eigenschaften/listen.htm#list_style_image

keine ahnung ob man die bullets verlinken kann.

bye, alex

[Dennis]

Hallo!

Hmm, du solltest vorher mal in Selfhtml nachschauen bevor du hier fragst.

Nicht gleich so wütend! Hab ich ja auch gemascht. Hab nur nix gefunden.

http://selfhtml.teamone.de/css/eigenschaften/listen.htm#list_style_image

Die Links kann man verlinken! http://selfhtml.teamone.de/css/eigenschaften/listen.htm#list_style_image

keine ahnung ob man die bullets verlinken kann.

Ja, das geht:
<ul>
   <a href="#grundgeruest"><li style="list-style-image:url(downlevel.gif)"></a>
</ul>

MfG, Dennis.

[Tim Tepaße]

Hallo,

Ja, das geht:
<ul>
   <a href="#grundgeruest"><li style="list-style-image:url(downlevel.gif)"></a>
</ul>

Wobei man bemerken sollte, daß dies kein gültiges HTML ist. ul darf nämlich
nur li-Elemente enthalten:
http://selfhtml.teamone.de/html/referenz/elemente.htm#ul

Ich würde - wenn ich denn die Grafik verlinkt haben wollte - eine andere
Lösung wählen:

<ul>
    <li><a href=".."><img src=".." alt=""> Blub</li>
  </ul>

und das <li> dann über CSS mit list-style-type:none so formatieren, daß
kein Bullett-Symbol angezeigt wird. Der Nachteil ist natürlich, daß man
das Icon immer selbst einfügen muß. Mit fortgeschritterem CSS kann man
das natürlich automatisieren, nur ist die Unterstützung durch die Browser
zur Zeit etwas mau.

(Dies ist übrigens die SELFHTML-Variante)

Tim

[wahsaga]

hi,

Der Nachteil ist natürlich, daß man
das Icon immer selbst einfügen muß. Mit fortgeschritterem CSS kann man
das natürlich automatisieren, nur ist die Unterstützung durch die Browser
zur Zeit etwas mau.

das "bullet-zeichen" als hintergrund in ein listenelement einbinden, welches selbst einen verlinkten text umfasst, sollte aber in allen aktuellen browsern funktionieren.

gruss,
wahsaga

[at]

Hallo.

das "bullet-zeichen" als hintergrund in ein listenelement einbinden, welches selbst einen verlinkten text umfasst, sollte aber in allen aktuellen browsern funktionieren.

Ein Nachteil dieser Methode ist allerdings, dass die Grafik nicht mitskaliert, wenn man die Schriftgröße im Browser ändert.
MfG, at