✔ Wechselndes Hover-Bild

[AnjaR]

Hallo Zusammen,

erstmal vielen Dank für dieses hilfreiche Forum. Ich bin Html-Anfänger. Leider habe ich eine Frage die hier schon oft gestellt worden ist. Ich möchte eine horizontale Navigation mit zu jedem Navipunkt unterschiedlich wechselnden Hover- bzw. Activebildern. Ich finde einfach nicht meinen Fehler
Man sieht überhaupt keinen Button in meiner Navi....
Vielleicht könnt ihr mir weiterhelfen? Das wäre super!

Grüße Anja

Hier der HTML-Part für die Navi:

 <div id="navigation">
        <ul>
             <li><a class="link1"  href="#"></a></li>
            
        </ul>
             <br style="clear:both;" />
           
       

</div>

und der CSS-Part hier:

#navigation{
	margin-top:200px;

}


#navigation ul{
	list-style: none;
	margin: 0;
	padding: 0;

}



#navigation li {
	float:left;
	margin-left:5px;
	
	}
	

#navigation a {
	
	display:block;   
	height:83;
	
	
}	


a.link1:link, a.link1:visited{
	width:110px;
	background-image:url(../images/home-ohne.png);
	
	
}


a.link1:hover {
	width:110px;
	background-image:url(../images/home-grau.png);
	
	
	
}

 

[Maik]

Moin,

hier fehlt zumindest die Einheit "px":

#navigation a {

display:block;
height:83px;


}

mfg Maik

 

[Bänch]

Hey,

hier mal ein Bsp. aus meiner Homepage.

Link in HTML (index.php)

<a href="index.php?id=1" id="navi_1"></a>

und hier mein CSS dazu:

#navi_1{border-right:0px none; border-top:0px none; border-bottom:0px none; margin-left: 160px;display: block; background-image:url('start_b.jpg'); width: 136px; height: 30px; border-left: 1px solid #C27C30; float: left}
#navi_1:hover{border-right:0px none; border-top:0px none; border-bottom:0px none; margin-left: 160px; width: 136px; height: 30px; background-image:url('start_b2.jpg');border-left: 1px solid #C27C30; float: left}
#navi_1:active{border-right:0px none; border-top:0px none; border-bottom:0px none; margin-left: 160px; width: 136px; height: 30px; background-image:url('start_b2.jpg');border-left: 1px solid #C27C30; float: left}

"start_b" ist das Normale Bild und "start_b2" das hover-Bild

versuch dir die Formatierungen einfach weckzudenken =)

 

[AnjaR]

oh je und daran lag es auch noch! schande über mich! aber ich hab schon 1000 varianten durch da hätt ich nich gedacht dass es bei dieser an so nem leichtsinnsfehler liegt!

VIELEN DANK!

 

[Maik]

Jo, keine Ursache

mfg Maik

 

[AnjaR]

danke auch dir bench für die schnelle antwort! da meine variante jetzt ENDLICH geklappt hat bleib ich mal lieber bei der aber super wie schnell man hier eine Antwort bekommt!

 

[Bänch]

kein Ding