Hover-Button in HTML Code

[Richard]

Hallo,

ich habe mir einen "Button" gebastelt, der keine Grafikdatei benötigt und dennoch einen Hover-Effekt hat.

Meine Frage ist jedoch, ob dieser so überhaupt auch regelkonform ist und bei Browsern jenseits des Internet Explorers funktionieren kann.

Hier der Code:

<table border="1" width="150" cellpadding="0" cellspacing="0" bordercolor="#336699" bordercolorlight="#336699" bordercolordark="#eeeeee">
<tr><font size="2" face="Arial" color="#336699">
<td bgcolor="#eeeeee" onmouseover="bgcolor='#ffffff'" onmouseout="bgcolor='#eeeeee'" align="center"><a style="text-decoration:none;" href="index.html"><span style="font-family:arial;font-size:10pt;color:336699;">Menüpunkt</span></a>
</td></font></tr></table>

Danke für jede Antwort ;)

[MudGuard]

Hi,

Meine Frage ist jedoch, ob dieser so überhaupt auch regelkonform ist und bei Browsern jenseits des Internet Explorers funktionieren kann.

<table border="1" width="150" cellpadding="0" cellspacing="0" bordercolor="#336699" bordercolorlight="#336699" bordercolordark="#eeeeee">

table hat keine bordercolor... Attribute.

<tr><font size="2" face="Arial" color="#336699">

tr darf nur td und/oder th enthalten.

<td bgcolor="#eeeeee" onmouseover="bgcolor='#ffffff'" onmouseout="bgcolor='#eeeeee'" align="center"><a style="text-decoration:none;" href="index.html"><span style="font-family:arial;font-size:10pt;color:336699;">Menüpunkt</span></a>

336699 ist kein gültiger Wert für color.

</td></font></tr></table>

Wozu brauchst Du hier eine Tabelle?
Wozu font?
Wozu das ganze onmouse-Zeug?
Wozu das span?

Das hier im CSS

a:link { display:block; width:10em;
         color:#369; background-color:#eee;
         font-family:arial, sans-serif;
         border-style:solid; border-width:1px; border-color:#369 #eee #eee #369;
}
a:hover { background-color:#fff; }

(ggf. noch ne Definition für a:visited)

und das im HTML

<a href="index.html">Menüpunkt</a>

sollte eigentlich ausreichen.
Wenn es mehrere Links werden, also eine Liste von Links, dann gehören die in die li-Elemente eines ul.

cu,
Andreas

[Viennamade]

Hallo!

topmargin, marginheight, etc. sind nicht HTML-Standard. margin-top ist html-standard. Genaueres findest Du im css-Abschnitt von selfhtml.

Beste Grüße
Viennamade

[chlori]

Hi

[...] marginheight, etc. sind nicht HTML-Standard.

Doch, ist es (HTML 4.01):
http://www.w3.org/TR/1999/REC-html401-19991224/present/frames.html#adef-marginheight

margin-top ist html-standard.

Ist es nicht. Es ist CSS1:
http://www.w3.org/TR/REC-CSS1#margin-top

Gruss
chlori

[chlori]

Hi

Doch, ist es (HTML 4.01):
http://www.w3.org/TR/1999/REC-html401-19991224/present/frames.html#adef-marginheight

Ergänzung: HTML 4.01 Frameset

Gruss
chlori

[mipu]

ich habe mir einen "Button" gebastelt, der keine Grafikdatei benötigt und dennoch einen Hover-Effekt hat.

Meine Frage ist jedoch, ob dieser so überhaupt auch regelkonform ist und bei Browsern jenseits des Internet Explorers funktionieren kann.

Hallo,

ich denke, du solltest einfach einmal überlegen, ob du deinen Quelltext nicht komplett auf CSS Formatierungen umstellen willst.

Mehr zum Thema hover gibt es auch hier :

http://www.drweb.de/csspraxis/css_menue_3.shtml

cu mipu

[Richard]

Vielen Dank für die vielen Antworten und Codebeispiele! Ich werde dann einmal auf CSS umsteigen. Bisher kannte ich diese Variante nämlich noch gar nicht.

Noch einmal danke!