Eine Tabelle in einer Tabelle - Kleiner Abstand dazwischen, obwohl Border etc. beider Tabellen auf 0
Hallo Forum.
Ich hoffe mal, dass ich hier in der richtigen Rubrik bin
Also, folgender Aufbau bis jetzt:
Habe (in HTML :P ) eine Tabelle, in die (vertikal) das Menü kommen soll, später mit herunterklappbaren Buttons (hier nicht wichtig):
-Main-Tabelle
--3 Zeilen
--5 Spalten
--erste und dritte Zeile colspan über alle Zellen
--zweite Zeile 5 Spalten (also nicht colspan :P) -->Navi-Zeile
--In jeder Spalte der Navi-Zeile ...
---(Neue !) Tabelle mit 1 Spalte, 5 Zeilen
Für jede Zeile ...
(Neue !) Tabelle mit 1 Spale, 1 Zeile
<----------Problem---------->
Obwohl ich border, cellspacing, cellpadding auf 0 und border-collapse auf collapse habe, gibt es immer einen kleinen Abstand zwischen den einzelnen Tabellen (z.B. in Navi-Zeile, bei den Spalten, vom Rand der Spalte zur Tabelle darin ist ein kleiner Abstand, Bild ist als background-image eingebunden ...)
Ich hoffe, man versteht was ich meine , sonst unten noch den Quellcode
Greetz, Louse
Ich hoffe mal, dass ich hier in der richtigen Rubrik bin
Also, folgender Aufbau bis jetzt:
Habe (in HTML :P ) eine Tabelle, in die (vertikal) das Menü kommen soll, später mit herunterklappbaren Buttons (hier nicht wichtig):
-Main-Tabelle
--3 Zeilen
--5 Spalten
--erste und dritte Zeile colspan über alle Zellen
--zweite Zeile 5 Spalten (also nicht colspan :P) -->Navi-Zeile
--In jeder Spalte der Navi-Zeile ...
---(Neue !) Tabelle mit 1 Spalte, 5 Zeilen
Für jede Zeile ...
(Neue !) Tabelle mit 1 Spale, 1 Zeile
<----------Problem---------->
Obwohl ich border, cellspacing, cellpadding auf 0 und border-collapse auf collapse habe, gibt es immer einen kleinen Abstand zwischen den einzelnen Tabellen (z.B. in Navi-Zeile, bei den Spalten, vom Rand der Spalte zur Tabelle darin ist ein kleiner Abstand, Bild ist als background-image eingebunden ...)
Ich hoffe, man versteht was ich meine , sonst unten noch den Quellcode
Greetz, Louse
<html>
<head>
<title>Test5</title>
<style type="text/css">
td#zelle-banner {background-image: url(Homepage/Teilchen/Banner.jpg); width: 800px; height: 152px;}
table#menutable1 {border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px;}
table#menutable1a {background-image: url(Homepage/Teilchen/home/Button_home_menu.jpg); border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px; height: 108px; display: block; }
table#menutable1b {background-image: url(Homepage/Teilchen/home/Untermenu_home_news.jpg); border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px; height: 86px; display: block; }
table#menutable1c {background-image: url(Homepage/Teilchen/home/Untermenu_home_impressum.jpg); border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px; height: 86px; display: block; }
table#menutable1d {background-image: url(Homepage/Teilchen/home/Untermenu_home_Balken.jpg); border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px; height: 92px; display: block; }
table#menutable1e {background-image: url(Homepage/Teilchen/home/Untermenu_home_Spitze.jpg); border: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; width: 158px; height: 92; display: block; }
</style>
</head>
<body>
<!--Anfang der Maintabelle-->
<table>
<tr>
<!--Anfang der Banner-Zelle-->
<td colspan="5" id="zelle-banner">
</td>
<!--Ende der Banner-Zelle-->
</tr>
<!--Anfang der Menü-Zeile-->
<tr>
<!--Anfang der ersten Spalte-->
<td id="spalte1">
<!--Anfang der ersten Menü-Tabelle-->
<table id="menutable1">
<tr>
<td>
<a href="#Beispiel">
<table id="menutable1a">
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td>
<a href="#Beispiel">
<table id="menutable1b">
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td>
<a href="#Beispiel">
<table id="menutable1c">
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td>
<a href="#Beispiel">
<table id="menutable1d">
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td>
<a href="#Beispiel">
<table id="menutable1e">
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
<!--Ende der ersten Spalte-->
<!--Anfang der zweiten Spalte-->
<td id="spalte2">
<!--Anfang der zweiten Menü-Tabelle-->
<table id="menutable2a">
<tr>
<td>
<a href="#Beispiel">
<table>
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
<!--Ende der zweiten Spalte-->
<!--Anfang der dritten Spalte-->
<td id="spalte3">
<!--Anfang der dritten Menü-Tabelle-->
<table id="menutable3a">
<tr>
<td>
<a href="#Beispiel">
<table>
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
<!--Ende der dritten Spalte-->
<!--Anfang der vierten Spalte-->
<td id="spalte4">
<!--Anfang der vierten Menü-Tabelle-->
<table id="menutable4a">
<tr>
<td>
<a href="#Beispiel">
<table>
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
<!--Ende der vierten Spalte-->
<!--Anfang der fünften Spalte-->
<td id="spalte5">
<!--Anfang der fünften Menü-Tabelle-->
<table id="menutable5a">
<tr>
<td>
<a href="#Beispiel">
<table>
<tr>
<td>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</td>
<!--Ende der fünften Spalte-->
</tr>
<!--Ende der Menü-Zeile>
</table>
<!--Schluss der Maintabelle-->
</body>
</html>
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 86333
Url: https://administrator.de/contentid/86333
Ausgedruckt am: 15.11.2024 um 03:11 Uhr
2 Kommentare
Neuester Kommentar