Vertikaler Abstand zwischen Tabellen

  • #1
R

R4mir3z

Bekanntes Mitglied
Themenersteller
Dabei seit
24.04.2005
Beiträge
508
Reaktionspunkte
0
Ort
Herne
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>

Conny schrieb:
Warum machst du für jeden Menüpunkt eine sep. Tabelle :?
Zum Vergrößern anklicken....

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
 
Thema:

Vertikaler Abstand zwischen Tabellen

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.838
Beiträge
707.959
Mitglieder
51.491
Neuestes Mitglied
haraldmuc
Oben