3 Tabellem in einer Zeile! Es klappt nicht!!! HELP!

Twin-Bob

Hi, also ich versuche gerade 3 Tabellen in einer Zeile zu setzten. Die eine soll links sein, die zweite in der mitte und die dritte rechts. Das funktioniert auch, allerdings ist so jede Tabelle in einer Extra Zeile. Ich möchte sie alle in eine, und natürlich mit Abstand zwischen den Tabellen.

Hier ist mein HTML Code:

HTML

<html>


<head>
<meta http-equiv="Content-Language" content="de">


</head>


<body bgcolor="#000080">


<div align="left">


<table width=125 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#000000"> 


<tr> 
<td align="center" bgcolor="#000080" width="255" height="16" style="font-size: 10pt; font-family: Verdana, Arial"> 
<font color="#FFFFFF">Text</font></td> 
</tr>


</table>


<div align="center">


<table width=125 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#000000"> 


<tr> 
<td align="center" bgcolor="#000080" width="255" height="16" style="font-size: 10pt; font-family: Verdana, Arial"> 
<font color="#FFFFFF">Text</font></td> 
</tr>


</table>


<div align="right">


<table width=125 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#000000"> 


<tr> 
<td align="center" bgcolor="#000080" width="255" height="16" style="font-size: 10pt; font-family: Verdana, Arial"> 
<font color="#FFFFFF">Text</font></td> 
</tr>


</table>


</div>


</body>


</html>

Alles anzeigen

Greets

admin

Bin heute faul und habe es schnell mit dem DW gemacht
wie wäre es damit
Ist nur ein Grundgerüst!

Code

<table width="95%">
  <tr>
    <td>
      <table width="57%" align="center">
        <tr>
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table width="57%" align="center">
        <tr> 
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table width="57%" align="center">
        <tr> 
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>




</p>

Alles anzeigen

Twin-Bob

Danke, aber das ist ja keine Thema, die Tabellen sollen "leeren" Abstand zu einander haben. So wie mit dem Gerüst ist das so Ok, aber wenn ich meine Tabellen dann einfüge geht da ja alles durch einander. Also wäre nett wenn man mir da nochmal helfen könnte

Danke

Worgan

Warum nimmst Du nicht eine Tabelle und fügst dort leere Spalten für die Zwischenbereiche ein?
Alternativ kannst Du auch drei DIV Container erstellen und dann jeweils eine Tabelle da rein packen.

Nicht verzagen - Martin fragen
- Ich glaube ich habe heute morgen einen Clown gefrühstückt -

Martin

Twin-Bob

Das sagt ihr alle so einfach, guckt euch doch erstmal mein HTML Code an, wie die Tabellen aussehen. Das Problem ist ja ich habe schon eine Tabelle in einer Tabelle und das müsste ich nochmal machen aber es klappt nicht!

HTML

<html>
<head>
</head>


<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" cellspacing="10">
  <tr>
    <td>
      <table width="100%">
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table width="100%">
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
    <td>
      <table width="100%">
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Twin-Bob

Danke dafür! Aber so klappt das doch auch nicht. Zu beachten ist das zwischen den Zellen LEEEEEEEEEEEEEEEEEEEEEEER Raum sein soll!!!
Keine leere Zelle. Dann habe ich ja immer noch den leeren Tabellen Rahmen dazwischen.

Hier mal ein Bild wie es nicht aussehen soll und wie es aussehen soll!!!
[Blockierte Grafik: http://mitglied.lycos.de/hihamster/picture.bmp]

Ich hoffe ihr könnt mir sagen wie ich das hinkriege!

Worgan

Ohne jetzt wirklich darüber nachzudenken bin ich mir ziemlich sicher, daß das mit einer Tabelle und entsprechender CSS Formatierung (<td class="xyz">) machbar sein sollte.
Oder sehe ich das falsch?
Ansonsten, das habe ich Dir aber auch schon geschrieben, kannst Du drei Div Container erstellen, in die die Tabellen reingepackt werden.

Martin

Twin-Bob

Ja, aber da habe ich ehrlich gesagt keine Ahnung von. Kann mir nicht einer den Code sagen?

Worgan

Da kommen wir der Sache doch schon mal näher.
Dir hier einen fertigen Code zu präsentieren geht meiner Ansicht nach an der Idee eines Forums vorbei. Weiterhin mußt Du ja wissen wie er anzuwenden ist.
Mein Tipp: SelfHtml solltest Du diesbezüglich mal durchlesen.
Schau Dir z.B. mal eine meiner Seiten an: ist mit DIV Containern erstellt und vor allem mit CSS formatiert.
http://www.montageservice-weishaupt.de
Das CSS Stylesheet kannst Du Dir anzeigen lassen, indem Du den im Quelltext verlinkten Namen hinter der Adresse notierst und mit Enter bestätigst.
Als CSS Editor empfehle ich Dir TopStyle lite (kostenlos).

Viel Erfolg - und nicht unterkriegen lassen!

Martin
[/url]

Twin-Bob

und wo drunter soll ich bei selfhml gucken? da hab ich noch nie was gefunden was ich gesucht habe!?

Worgan

Als Einstieg Kurzreferenz CSS. Und dann am Besten ausprobieren. Wie gesagt schau Dir andere Seiten an.

Martin

Worgan

http://selfhtml.teamone.de/navigation/css.htm#positionierung
Hier findest Du die notwendigen Befehle für die Positionierung von Elementen. Die Definition eines Elementes entnimmst Du bitte auch SelHtml.

Martin

Twin-Bob

Naja, ich kapier da nix von. Ich zweifel da auch dran das das so funktioniert.

admin

Wie wäre es mit dieser Version einer Tabelle ?

Code

<table width="100%">
  <tr>
    <td>
      <table width="100%">
        <tr>
          <td>
            <table width="95" border="1">
              <tr>
                <td></td>
              </tr>
            </table>
          </td>
          <td>
            <table width="95" align="center" border="1">
              <tr>
                <td></td>
              </tr>
            </table>
          </td>
          <td>
            <table width="95" align="right" border="1">
              <tr>
                <td></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Alles anzeigen

Twin-Bob

Das ist doch mal was!!! Dankeschön! Es klappt soweit außer das ich die Datei im Internet Explorer öffne oder in der Vorschau ind Frontpage, habe ich über der Tabelle eine Leerzeile. Aber im Editor nicht.

Wäre nett wenn mir da jemand behilflich sein könnte:

Code

<table width="894" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<td height="1" width="910">
<table width="910">
<tr>
<td width="277">


<table width=125 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#333333"> 


<tr> 
<td bgcolor="#666666" width="255" height="16" style="font-size: 10pt; font-family: Verdana, Arial" bordercolor="#FF0000"> 
<p align="center"> 
TEXT</td> 
</tr>


</table></td> 
          
<td width="427">
<table width=255 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#333333"> 


<tr> 
<td bgcolor="#666666" width="255" height="16" style="font-size: 10pt; font-family: Verdana, Arial"> 
<p align="center"> 
TEXT</td> 
</tr>
</table></td>
<td width="192">
<table width=133 border=1 cellpadding=0 cellspacing=5 style="border-collapse: collapse" bordercolor="#FF0000" height="1" bgcolor="#333333"> 


<tr> 
<td bgcolor="#666666" width="263" height="16" style="font-size: 10pt; font-family: Verdana, Arial"> 


<p align="center">TEXT</p></td> 
</tr>


</table></td>
</tr> 
      
</table> 
</td>
</tr> 
</table>

Alles anzeigen

Worgan

Zitat

Naja, ich kapier da nix von. Ich zweifel da auch dran das das so funktioniert.

Es ist immer wieder schön wenn an etwas gezweifelt wird ohne zu wissen was dieses Etwas bewirken kann.
Außerdem finde ich es toll wenn man von anderen Personen erwartet, dass diese das Coding für die eigene Seite verbessern, nur weil man selbst nichts lernen will!
Das geht eben nicht in fünf Minuten - mal eben kurz nebenher was lesen und fertig.

Martin

jaaam

eben..

Code

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

mit anmerkung: das ist nicht w3c-konform.

was meinst du mit leerzeile.. verschwindet die jetzt mit dem schnipsel an hatml da oben?!?!?!

geile smilies.

edit: hatml .. lustiges verschreibsel.

Twin-Bob

Also im Editor ist die Tabelle dann ganz oben aber in der Vorschau und im I Explorer immer noch nicht.
Ich habe echt null Ahnung wodran das liegt

Tags