Zellen verlinken
werner
- html
Hallo!
Ich habe ein einfaches Tabmenu erstellt:
<html>
<head>
<style type="text/css">
body {margin: 0 0 0 0}
</style>
</head>
<body>
<table border="0" height="100%" width="100%" cellspacing="0" cellpadding="0">
<tr height="40px">
<td align="center" bgcolor="#66FF00" height="40" width="25%"><a href="#" target=inhalt style="margin:10px;height:100%;width:100%;">Tab 1</a></td>
<td align="center" bgcolor="#CCCC99" height="40" width="25%"><a href="#" target=inhalt style="margin:10px;height:100%;width:100%;">Tab 2</a></td>
<td align="center" bgcolor="#33CCCC" height="40" width="25%"><a href="#" target=inhalt style="margin:10px;height:100%;width:100%;">Tab 3</a></td>
<td align="center" bgcolor="#FF99CC" height="40" width="25%"><a href="#" target=inhalt style="margin:10px;height:100%;width:100%;">Tab 4</a></td>
</tr>
<tr><td colspan="4" align="center" bgcolor="#66FF00" valign="top">
ganz viel Inhalt
</td></tr>
</table>
</body>
</html>
Die Links wurden mit style auf die Größe der Zelle gebracht,
damit man nicht direkt auf den Link klicken muss,
sondern die gesamte Zelle den Link bildet.
Weil die Zellen 40px hoch sind und der Text in der Mitte stehen soll,
wurde dieser mit margin:10px in die Mitte gerückt.
Allerdings bewegt sich der Kasten des Links dabei auch nach unten,
sodass nicht mehr die ganze Zelle verlinkt ist.
Die Frage lautet also:
Wie bekommt man den Namen des Links in die Mitte der Zelle (vertikal und horizontal) und verlinkt dabei trotzdem die gesamte Zelle?
WERNER
Hi,
Ich habe ein einfaches Tabmenu erstellt:
Warum mit einer Tabelle?
Meenüs sind idR. *Listen* von links - also solltest du sie auch als solche auszeichnen.
Weil die Zellen 40px hoch sind und der Text in der Mitte stehen soll,
wurde dieser mit margin:10px in die Mitte gerückt.
Allerdings bewegt sich der Kasten des Links dabei auch nach unten
Logisch, margin ist schließlich ein Außenabstand.
Die Frage lautet also:
Was ist das Gegenteil von einem Außenabstand ...?
MfG ChrisB
Vielen Dank!
So sieht jetzt die Lösung für Tabellen aus:
{margin:0px;padding-top:10px;width:100%;height:100%;}
Eigentlich logisch...
WERNER