bilder link funktioniert nicht

html.de-Forum HTML, XHTML & CSS
1

Hi,

ich versuche bilder links in meine navi einzubauen, aber irgendwie klappt es nicht.
HTML-Code:

Code: #nav{ background:transparent; font-size:0.9em; margin-bottom:0; padding:0; width:850px; margin-top:40px; }

#nav ul{
list-style-type:none;
}
#nav ul li{
float:left;
}

.bio {
width:153px;
height:38px;
}

.bio a{
background:url(./images/bio1.png) no-repeat;
width:153px;
height:38px;
}

.bio a:active{
background:url(./images/bio2.png) no-repeat;
position:absolute;
}

also die links sollen nur aus den bildern bestehen und bei active soll das bild ausgewechselt werden. Leider zeigt er mir im moment garnix an.
kann mir irgendjemand bitte helfen?

2

Dreh’s mal um, also a.bio statt .bio a und weise im HTML-Teil die Klasse .bio nicht li sondern a zu.
Was active betrifft siehe Link der ge

3

funktioniert leider auch nicht.

4

a ist auf display: inline;.
Wenn width und height greifen sollen könntest du z.B display: block; oder float: left; für a notieren.

Nachtrag
Ich würde aber raten a nicht inhaltsleer zu lassen.

5

Wohl eher beides!?

6

Wozu?
Es ging ja nur darum ein Element ohne Inhalt eine Größe zu geben.

7

Okay, sorry. Vergiss es! Mein Denkfehler. :wink: