Hallo,
wie kann ich es bewerkstelligen, dass Registerreiter, die ich zur
Navigation durch meine DVD-Sammlung verwenden möchte, absolut
deckungsgleich (überlappend) innerhalb einer Tabellenzelle
angeordnet werden ?
Die Registerreiter sind verweissensitive Imagemaps und haben alle
die selbe Größe.
Wenn ich in meinem zugehörigen CSS-Sheet "position:absolute" angebe,
dann überlappen sich zwar alle Imagemaps, werden aber nicht innerhalb
der Tabellenzelle - wie beabsichtigt - ausgegeben.
Nehme ich "position:relative", dann überlappen sie nicht und werden,
nacheinander, wie im HTML-Code definiert, angezeigt.
Hier der entsprechende Code der CSS-Datei:
div.register
{
position:absolute;
top:0px;
left:0px;
width:1490px;
height:62px;
border:0px;
}
Hier der entsprechende Code der HTML-Datei:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="spaltenkoepfe.png" width="1490" height="63"></td>
</tr>
<tr>
<td width="10" background="rahmen_links.png"></td>
<td width="1470" height="600"></td>
<td background="rahmen_rechts.png"></td>
</tr>
<tr>
<td colspan="3">
<div class="register" id="1">
<img ...>
<map ...>
</div>
<div class="register" id="2">
<img ...>
<map ...>
</div>
...
</td>
</tr>
</table>
Wie kann ich mein Vorhaben umsetzen ?
Vielen Dank im Voraus.
Gruß,
Enrico