lousek
Goto Top

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 face-smile

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 face-smile, 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>

Content-ID: 86333

Url: https://administrator.de/contentid/86333

Ausgedruckt am: 15.11.2024 um 03:11 Uhr

mghelp
mghelp 09.07.2008 um 18:27:11 Uhr
Goto Top
du kannst es mit css (td und tr ) padding und margin auf 0px setzen.

also:

td, tr{
margin:0px;
padding:0px;
}
Lousek
Lousek 10.07.2008 um 12:05:15 Uhr
Goto Top
Yeps, hat sich inzwischen geklärt, habe vergessen den Beitrag zu schliessen, trotzdem danke

Greetz, Lousek