Table td

[Geltos]

Folgendes Problem:

Meine Seite ist mit Tabellen aufgabaut, eine für den Banner, eine für das Menü, eine für den Text und eine für unten.
Hier der Quelltext davon:

 <table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/oben.jpg); width:700px; height:185px;">
</td></tr>
</table> 
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/mittel.jpg); width:163px; height:185px;">    Menü   
</td>
<td style="background-image:url(images/mitter.jpg); width:537px; height:185px;"> Text
</td></tr>
</table> 
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/unten.jpg); height:3px;">
</td></tr>
</table>

Das Menü und der Text sind aber aber vertikal gesehen in der Mitte, was aber nicht so sein soll (sie sollen in der Tabelle oben sein) wie kann man das nun machen?

 

[flapo]

Mit dem CSS-Code vertical-align:top;.

 

[Geltos]

Das funktioniert nich.
Ich habs so eingebaut:

 <table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/oben.jpg); width:700px; height:185px;">
</td></tr>
</table> 
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/mittel.jpg); width:163px; height:185px;">    <div class="oben">Menü   </div>
</td>
<td style="background-image:url(images/mitter.jpg); width:537px; height:185px;"> Text
</td></tr>
</table> 
<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(images/unten.jpg); height:3px;">
</td></tr>
</table>

aber is ist immer noch in der Mitte...

 

[Geltos]

Ups, man muss es ja in td einbauen... funktioniert doch, danke!

 

[hobbyuser]

Hi Geltos

ich frage mich dabei nur, warum du dafür 3 Tabellen nimmst? :roll:

Eine Tabelle mit 3 Zeilen hätte es auch getan und wäre vom Code her wesentlich kürzer.
BEISPIEL:

<table width="700" border="0" cellpadding="0" cellspacing="0">
<tr>
  <td style="background-image:url(images/oben.jpg); width:700px; height:185px;" colspan="2">
  </td>
</tr><tr>
  <td style="background-image:url(images/mittel.jpg); width:163px; height:185px;">
    <div class="oben">Menü   </div>
  </td>
  <td style="background-image:url(images/mitter.jpg); width:537px; height:185px;">
    Text
  </td>
</tr><tr>
  <td style="background-image:url(images/unten.jpg); height:3px;" colspan="2">
  </td>
</tr>
</table>

Wobei Tabellen-Seiten den Überhaupt den Nachteil haben erst angezeigt zu werden, wenn alle Inhalte geladen sind.

Gruß
Hobbyuser

 

[No0oB]

Bei so einem einfach Design haette ich mit <div> gearbeitet

 

[dukexp]

Bei so einem einfach Design haette ich mit <div> gearbeitet

Bei einem so einfachen Design hätte ich komplett auf überflüssige Textauszeichnungen verzichtet und die vorhandenen Elemente einfach direkt formatiert. Viel mehr als eine Überschrift erster Ordnung und eine ungeordneten Liste braucht es dafür nicht.