Vertikaler Abstand zwischen Tabellen

Dieses Thema Vertikaler Abstand zwischen Tabellen im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von R4mir3z, 17. März 2006.

Thema: Vertikaler Abstand zwischen Tabellen Hallo liebe WTF-ler, ich hab mal wieder eine kleine Frage bezüglich HTML. Und zwar: Gibt es eine Möglichkeit den...

  1. Hallo liebe WTF-ler,
    ich hab mal wieder eine kleine Frage bezüglich HTML.
    Und zwar: Gibt es eine Möglichkeit den Abstand zwischen vertikal anliegenden Tabellen zu definieren?
    <br> als auch <p> </p> sind mir etwas zu groß.

    Das ganze soll auf dieser Seite passieren, die zu einem Schulprojekt gehört:
    http://unser-fritz.de.ms/

    Ich hätte gerne einen Abstand zwischen den Navigationsbuttons About - Unser Fritz usw, welche alle in Tabellen verpackt sind (Der schönen Rahmen wegen, möglicherweise gibt es dafür auch eine Alternative).


    Desweiteren bin ich auch jetzt schon für alle Vorschläge offen, die Designänderungen und/oder Codeoptimierung betreffen. Index für eine kleinere Auflösung kommt schon noch. Aber das hatte ich beizeiten schon ausführlich mit Conny geklärt ;)

    ---
    Vielen Dank im Voraus
     
  2. z.B.

    Code:
    style=border:1px solid #000000; padding-bottom:2px
    
    Warum machst du für jeden Menüpunkt eine sep. Tabelle :?
     
  3. Muss am Wochende liegen, ich weiß leider mit dem Codefragment nichts anzufangen. :?
    Wenn ich eine vorhandene Tabelle mit padding-bottom:2px erweitere, also
    Code:
    <table width=206 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000;padding-bottom:2px>
    erhöht sich nur der untere Abstand vom Bild zum Rahmen. Der Abstand zwischen den Tablellen bleibt gleich.

    Also wohin damit?
    Code:
    <table width=206 border=0 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000;>
     <tr>
      <td><a href=index.htm
    onMouseOver=about.src='images/aboutsw.gif';
    onMouseOut=about.src='images/about.gif'; target=_mainframe><img src=images/about.gif
    border=0
    name=about></a></td>
     </tr>
    </table>
    
    <table width=206 border=0 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000;>
     <tr>
      <td><a href=index.htm
    onMouseOver=fritz.src='images/fritzsw.gif';
    onMouseOut=fritz.src='images/fritz.gif'; target=_mainframe><img src=images/fritz.gif
    border=0
    name=fritz></a></td>
     </tr>
    </table>
    Weil wegen der schönen Rahmen, die man mit etwas Abstand zum eigentlichen Menübildchen anlegen kann. Sieht einfach ganz nett aus, weshalb ich das so übernommen habe. Eine andere Möglichkeit, absehen von der, mit einem Grafikeditor selbst einen Rahmen um das Bild zu legen, kenne ich leider nicht.

    Gruß
     
  4. Hab es jetzt gelöst, indem ich einfach eine weitere Tabelle zwischen den Menüpunkten hinzugefügt habe. (Noch mehr Tabellen :angel:)

    Code:
    <table width=206 border=0 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000;>
     <tr>
      <td><a href=index.htm
    onMouseOver=about.src='images/aboutsw.gif';
    onMouseOut=about.src='images/about.gif'; target=_mainframe><img src=images/about.gif
    border=0
    name=about></a></td>
     </tr>
    </table>
    
    <table height=2></table>
    
    <table width=206 border=0 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000;>
     <tr>
      <td><a href=index.htm
    onMouseOver=fritz.src='images/fritzsw.gif';
    onMouseOut=fritz.src='images/fritz.gif'; target=_mainframe><img src=images/fritz.gif
    border=0
    name=fritz></a></td>
     </tr>
    </table>
    Klappt ganz gut. So hätte ich mir die halbstündige Google-Suche auch ersparen können :GS

    ----------------------
    Nachtrag: Und mit
    Code:
    <table height=3><img src=images/spacer.gif height=3></table>
    funktioniert es jetzt auch im IE. :1
     
  5. Die Tabelle hättest du nicht gebraucht ;)

    Ich hab mich da auch verschrieben, und zwar sollte es eigentlich so sein ;)

    Code:
    <table width=206 border=0 cellpadding=1 bgcolor=#F3F0E8 style=border:1px solid #000000; margin-bottom:2px>
    BTW, kannst du die einzelnen Zellen auch mit einem Rahmen versehen ;)
     
  6. Vielen, vielen Dank :1
    Die Lösung ist natürlich optimal.

    Gruß Michael
     
Die Seite wird geladen...

Vertikaler Abstand zwischen Tabellen - Ähnliche Themen

Forum Datum
webcam als spiegel benutzen (bzw. vertikaler spiegel filter für mpc) Windows XP Forum 23. Aug. 2007
DIV-Container mit vertikaler Scrollleiste Windows XP Forum 8. Mai 2007
Icon-Größe und -Abstand Windows 10 Forum 23. Juli 2016
Seltsames Geraüsch taucht in Abständen auf! Windows 7 Forum 8. Okt. 2011
Taskleisten-Vorschau: Zeilenabstand verstellt Windows 7 Forum 20. Feb. 2011