Grafiken um Tabelle für dynamische Breiten und Höhen
Christian
- html
Hi Leute,
ich wende mich jetzt an euch, da ich nach vielem probieren keine Idee mehr habe wie ich das realisieren kann.
auf http://krischanlp.dyndns.org/testhtml/books4.html
seht ihr was ich mir vorstelle. Aber leider verbinden sich die blauen Rahmn von oben nicht mit denen unten :(
Ich habe schon so einiges probiert, aber es geht einfach nicht... :(
Ich möchte, daß sich die blauen Linien links und rechts bis nach unten verlängern. So wie es jetzt ist, funktioniert die Anzeige nur auf einigen IE-Versionen. Auf dem Opera zum Bsp. nie.
Der Aufbau ist wie folgt:
Eine Tabelle mit 3 Spalten und 2 Zeilen,
Das Problem besteht nun in der rechten und linken Spalte von der obersten Zeile der Haupttabelle. Die Tabellen in diesen beiden Zellen "wissen" nie wie groß die Zelle in der Mitte wird und passen sich darum nicht der Höhe an. So wird jede Grafik genau 1x gezeichnet und das wars... :(
Hier noch der Quelltext weil der Links nicht immer geht (manchmal ist PC offline)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><table width="32" height="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="110"><img src="linksoben.gif" width="32" height="110"></td>
</tr>
<tr>
<td height="100%" background="links.gif"> </td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="oben.gif" height="32"> </td>
<td width="180" height="32" valign="bottom" background="obenrechts.gif">
<div align="center">download</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<A HREF="http://www.amazon.de/exec/obidos/ASIN/3826670256/wwwkrischande-21" target="_blank"><IMG SRC="logik.jpg" border="0" alt="Java für Anfänger" hspace="3" vspace="3"></A>
</td>
<td><div align="center">Beschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung BeschreibungBeschreibung BeschreibungBeschreibung
BeschreibungBeschreibung Beschreibung</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top"><table width="32" height="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="110"><img src="rechtsoben.gif" width="32" height="110"></td>
</tr>
<tr>
<td background="rechts.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td background="linksunten.gif" height="20" width="32"> </td>
<td background="unten.gif"> </td>
<td background="rechtsunten.gif" height="20" width="32"> </td>
</tr>
</table>
</body>
</html>