CSS Style bei onmouseover ändern

[Jeena Paradies]

Hallo,

.menueelement{
 background-color: #858585;
 border-right: #858585 1px solid;
 border-bottom: #858585 1px solid;
 border-left: #858585 1px solid;
 border-top: #858585 1px solid;
 }

Das würde ich zusammenfassen:

.menue a {
 background-color: #858585;
 border: #858585 1px solid;
}

.menueelementover{
 color: #AEAEAE;
 background-color: #474747;
 border-right: #CCCCCC 1px solid;
 border-bottom: #CCCCCC 1px solid;
 border-left: #CCCCCC 1px solid;
 border-top: #CCCCCC 1px solid;
 }

Das würde ich so machen:

.menue a:hover {
 color: #AEAEAE;
 background-color: #474747
 border: #CCCCCC 1px solid;
}

<tr >
<td class="menueelement" onmouseover=this.className='menueelementover' onmouseout=this.className='menueelement'>
<a href="index.php?site=main" >
<div align="right">Home</div></a>
</tr>

Das ist schon etwas unsinnig wie du das hier machst oder? Erstens denke ich dass du da keine Tabelle Brauchst sondern eine Liste. Zweitens brauchst du dafür gar kein JavaScript sondern :hover auf den Link. Das kappiert sogar der IE.

das problem ist aber, dass ich bei IE ich den code so haben muss:

<tr > <a href="index.php?site=main" >
<td class="menueelement" onmouseover=this.className='menueelementover' onmouseout=this.className='menueelement'>
<div align="right">Home</div></a>
</tr>

Ganz bestimmt nicht. Lass einfach die Tabelle Weg und mach das doch so:

<ul id="menu">
 <li><a href="index.php?site=main">Home</a></li>
 <li><a href="index.php?site=
 [...]
</ul>

/* CSS Datei */
ul.menue {
 text-align: center;
 width: 8em;
 list-style-type: none;
}
.menue a {
 background-color: #858585;
 border: #858585 1px solid;
}
.menue a:hover {
 color: #AEAEAE;
 background-color: #474747
 border: #CCCCCC 1px solid;
}

Alles zwar ungetestet aber müsste überall (außer vieleicht NS4.x) funktionieren.

So hast du nebenbei auch viel saubereren Code.

Grüße
Jeena Paradies