Tabellenzelle mit CSS vergrößern
Homer
- css
Hallo!
Ich möchte für ein Menü, die Tabellenzellen mit CSS verändern. Wenn ich also mit der Maus über den Menüpunkt fahre, soll die Tabellenzelle "erhöht" werden.
a:link {height:25px;}
a:visited { height:25px;}
a:hover { height:83px;}
a:active { height:83px; }
a:focus { height:25px; }
<table width="150" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#DFDFDF" class="tabelle">
<a href="#">
<tr class="SubMenue1">
<td width="150" height="25" align="left" valign="middle" class="con"> </td>
</tr></a>
aber so tut sich nichts???
Gruß
Homer
Hi,
a:link {height:25px;}
sind Deine <a>-Elemente von einem Typus, bei dem die height-Eigenschaft beachtet werden darf?
<a href="#">
<tr class="SubMenue1">
<td width="150" height="25" align="left" valign="middle" class="con"> </td>
</tr></a>
aber so tut sich nichts???
Das will ich stark hoffen. Die Schachtelung ist hochgradig defekt und grob fahrlässig.
Cheatah
Hallo!
...Die Schachtelung ist hochgradig defekt und grob fahrlässig.
Warum das denn? Hast Du denn vielleicht ein Tip?
Gruß
Homer
Hi,
...Die Schachtelung ist hochgradig defekt und grob fahrlässig.
Warum das denn?
weil innerhalb von <table> nur <thead>, <tfoot> und/oder <tbody> respektive nur eine Anzahl <tr> stehen darf. Nirgendwo wird dort <a> erlaubt.
Hast Du denn vielleicht ein Tip?
Schreibe validen HTML-Code und formatiere ihn sinnvoll mit CSS.
Cheatah
Cheatah hat recht.
Aber wenn Du nur die Schrift für a:hover/a:active vergrößerst, wird die Zelle doch automatisch höher (mal ab davon, dass eine td eh keine height erhalten darf, siehe http://www.css4you.de/height.html).
Hallo,
Cheatah hat recht.
immer. ;-)
[...] (mal ab davon, dass eine td eh keine height erhalten darf, siehe http://www.css4you.de/height.html).
Das wiederum ist falsch. Vielleicht verwechselst du das mit dem height-Attribut für z.B. eine Tabelle (nicht erlaubt).
http://de.selfhtml.org/html/referenz/attribute.htm#td
cu,
ziegenmelker