✔ onmouseover fett

[maduuto]

Hi, erneut ein Problem, ich möchte beim onmouseover, das der Text fett wird, url:

http://dshini.1.vg/

Bei der CSSAussschnitt):

#a:hover { 
font-weight:bold 
}

#menu {

	width: 960px;

	height: 43px;

	margin: 0 auto;

	padding: 0 20px;

	background: url(images/image01.jpg) no-repeat left top;
	
	

}

und so sind die Links:

<li class="first"><a href="index.php"><strong onMouseover="this.style.fontWeight = 'bold';">Home</strong></a></li>

		<li><strong><a href="anmeldung.php" onMouseover="this.style.fontWeight = 'bold';">Anmeldung</a></strong></li>

        <li><strong><a href="spenden.php" onMouseover="this.style.fontWeight = 'bold';">Wie Spende ich?</a></strong></li>

		<li><strong><a href="wunsch.php" onMouseover="this.style.fontWeight = 'bold';">Wie schreibe ich einen Wunsch?</a></strong></li>

		<li><strong><a href="dshinis.php" onMouseover="this.style.fontWeight = 'bold';">Wie verdiene ich schnell dshinis?</a> </strong></li>

		<li><strong><a href="werbung.php" onMouseover="this.style.fontWeight = 'bold';">Wie mache ich gut publicity?</a> </strong></li>

        <li><strong><a href="events.php" onMouseover="this.style.fontWeight = 'bold';">Spezielle Aktionen</a> </strong></li>

        <li><strong><a href="contact.php" onMouseover="this.style.fontWeight = 'bold';">Fragen?</a></strong></li>

Wo sind die Fehler? und funktioniert das in allen Browsern? LG

 

[Maik]

#a:hover { 
font-weight:bold 
}

Besitzen deine Links im HTML-Code das Attribut id="a" als ID-Bezeichner?

Nein.

Also entferne in dem derzeitigen ID-Selektor das "#"-Zeichen vor dem a-Element.

onMouseover="this.style.fontWeight = 'bold';"

wird hier nicht benötigt.

mfg Maik

 

[maduuto]

hab ich funktioniert leider immernochnicht

 

[Maik]

Was soll daran deiner Meinung auch sichtbar funktionieren, wenn die Elemente schon im HTML-Code mit dem <strong>-Tag in fetter Schrift ausgezeichnet sind? :suspekt:

mfg Maik

 

[maduuto]

Ah bäm *g* o, und wie ist der code für onmouseout ? LG

 

[Maik]

Ist wohl untergegangen:

onMouseover="this.style.fontWeight = 'bold';"

wird hier nicht benötigt.

... und somit auch kein Eventhandler onmouseout.

Die CSS-Pseudoklasse :hover verliert automatisch ihre Gültigkeit, wenn die Maus das Element wieder verlässt.

mfg Maik