Bei einem Link soll auch ein Button erscheinen

[pit]

Hi,

folgendes Problem:

Ich will meine Homepage mit CSS anfertigen. Kenne mich bisher nicht gut aus aber bis jetzt
hat fast alles funktioniert. Nur eines nicht:

Gehe ich auf einen Link so soll sich die Farbe ändern UND EIN KLEINER BUTTON VOR dem Link erscheinen.
Die Farbe ändert sich jedoch die Grafik will einfach nicht erscheinen!

Hier ein kleiner Auszug wie ich das machen will:

a {  color: #CCCCCC; text-decoration: none}
a:hover {  color: #FFFFFF; text-decoration: none}

.navi1 p {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; margin-top: 12px; margin-bottom: 12px; margin-left: 0px; text-align: left; color: #CCCCCC}

.navi1 a {  padding-left: 22px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 15px; color: #CCCCCC; background-repeat: no-repeat}

.navi1 a:hover {  background-image: url(../graphics/button.gif); text-decoration: none}

Stimmt da was mit dem Pfad nicht! Ich habe schon alle Varianten ausprobiert und kriege es einfach nicht hin!


Gruß,
Peter

 

[dkdenz]

Stimmt da was mit dem Pfad nicht! Ich habe schon alle Varianten ausprobiert und kriege es einfach nicht hin!

Das kannst nur Du wissen.
Probiere mal testweise eine absolute URL,
also url(http://domain.de/graphics/button.gif)

 

[dkdenz]

Hier kannst Du Dich auch mal ein wenig inspirieren lassen:
http://forum.jswelt.de/showthread.php?t=22169

 

[bine]

Du solltest eine Listen-Navigation machen.

und das kleine Bildchen welches Du vor dem Link haben möchtest als list-style-image:url(bildchen.gif); definieren.

zunächst kannst Du generell bezüglich Listen-Navigatin hier schauen
http://de.selfhtml.org/css/layouts/navigationsleisten.htm