Verschachtelte Tabellen von Zerbe, 26.01.2002 18:52

Verschachtelte Tabellen

Margrit 26.01.2002 17:59

html

Hallo!

Ich habe zwei Tabellen ineinander verschachtelt. In der inneren Tabelle brauche ich in der letzten <tr> eine vertikale Linie (rot im html Code). Diese Linie geht bis zum Ende der inneren Tabelle. Wie kann ich erreichen, dass diese Tabelle und damit die rote Linie bis zum unteren Rand der aeusseren Tabelle geht? Es sollte in in allen gängigen Browsern und OS gut aussehen.

Gruss und danke
Margrit

<table border="0" cellspacing="0" cellpadding="0" width="475">
   <tr><td width="195"><td width="7"><td width="273"></td></tr>
   <tr><td colspan="3"><h2>Haupttitel</h2><br></td></tr>
   <tr><td valign="top">

<table border="0" cellspacing="0" cellpadding="0" width="195">
     <tr valign="top">
      <td height="4" width="191"></td>
      <td height="4" width="3"><img width="3" src="/images/pixel.gif"></td>
      <td height="4" width="1"><img width="1" src="/images/pixel.gif"></td>
     </tr>
     <tr valign="top"><td colspan="3">
      Hier erscheint ein Bild, das keine feste Groesse hat (natuerlich nicht breiter als
      die Zelle) und auswechselbar ist <br>
     </td></tr>
     <tr valign="top"><td colspan="3" height="10"></td></tr>
     <tr valign="top"><td colspan="3" bgcolor="#cccccc"></td></tr>
     <tr height="8"><td colspan="3" bgcolor="#eeeeee" height="8"></td></tr>
     <tr valign="top"><td colspan="3" bgcolor="#cccccc"></td></tr>
     <tr valign="top"><td height="6" colspan="3"></td></tr>
     <tr valign="top"><td width="191">
      <A HREF="">Navigation 1</A><BR>
      <A HREF="">Navigation 2</A><BR>
      <A HREF="">Navigation 3</A><BR>
      <A HREF="">Navigation 4</A><BR>
      <A HREF="">Navigation 5</A><BR>
      </td>
      <td bgcolor="#ffffff" width="3"><img width="3" src="/nzz/online/images/pixel.gif"></td>
      <td bgcolor="#ff0000" width="1"><img width="1" src="/nzz/online/images/pixel.gif"></td>
     </tr>
    </table>

</td><td></td><td valign="top">
    <p>Hier erscheint Text, der unterschiedlich lang sein kann.<br>
     Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
     Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
    </p>
   </td></tr>
</table>

</body>
</html>

Beitrag melden

– Informationen zu den Bewertungsregeln

Verschachtelte Tabellen
Zerbe 26.01.2002 18:52

html
– Informationen zu den Bewertungsregeln
Hallo!

Ich hoffe dich richtig Verstanden zu haben, aber so sollte es Funktionieren.

<html>
<head></head>
<body bgcolor="#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="90%" height="89%">
   <tr height="100">
    <td width="100" height="100"></td>
    <td height="100"></td>
   </tr>
   <tr>
    <td width="100">
     <table border="0" cellpadding="0" cellspacing="2" width="100%" height="100%">
      <tr>
       <td>LINK</td>
       <td rowspan="10" bgcolor="#ff3438" width="5"></td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td>LINK</td>
      </tr>
      <tr>
       <td></td>
      </tr>
      <tr height="100%">
       <td height="100%"></td>
      </tr>
     </table>
    </td>
    <td></td>
   </tr>
</table>
</body>
</html>
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Verschachtelte Tabellen
  
  Margrit 26.01.2002 22:16
  
  html
  – Informationen zu den Bewertungsregeln
  Danke Rainer für deine Antwort. Es war zwar nicht genau das, was ich gebraucht habe, aber es hat mir trotzdem weitergeholfen. Ich habe die Tabellen jetzt anders verschachtelt: Ein rowspan hat mir dabei geholfen. So sieht es jetzt aus.
  
  Bis dann
  Margrit
  
  <html>
  <head></head>
  <body bgcolor="#ffffff">
  
  <table border="0" cellspacing="0" cellpadding="0" width="475">
     <tr><td colspan="3"><h2>Haupttitel</h2><br></td></tr>
     <tr>
      <td width="195" colspan="2">Hier erscheint ein Bild, das keine feste Groesse hat (natuerlich nicht breiter als
        die Zelle) und auswechselbar ist <br><br>
      </td>
      <td rowspan="2">
       <p>Hier erscheint Text, der unterschiedlich lang sein kann.<br>
        Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
        Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>
       </p>
      <td>
     </tr>
  
  <tr><td valign="top">
  
  <table border="0" cellspacing="0" cellpadding="0" width="195">
       <tr valign="top"><td width="191">
        <A HREF="">Navigation 1</A><BR>
        <A HREF="">Navigation 2</A><BR>
        <A HREF="">Navigation 3</A><BR>
        <A HREF="">Navigation 4</A><BR>
        <A HREF="">Navigation 5</A><BR>
        </td>
        <td bgcolor="#ffffff" width="4"><img width="3" src="/nzz/online/images/pixel.gif"></td>
       </tr>
      </table>
  
  </td><td bgcolor="#ff0000" width="1"><img width="1" src="/nzz/online/images/pixel.gif"></td>
     </tr>
  </table>
  
  </body>
  </html>
  
  Hallo!
  
  Ich hoffe dich richtig Verstanden zu haben, aber so sollte es Funktionieren.
  
  <html>
  <head></head>
  <body bgcolor="#ffffff" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
  <table border="0" cellpadding="0" cellspacing="0" width="90%" height="89%">
     <tr height="100">
      <td width="100" height="100"></td>
      <td height="100"></td>
     </tr>
     <tr>
      <td width="100">
       <table border="0" cellpadding="0" cellspacing="2" width="100%" height="100%">
        <tr>
         <td>LINK</td>
         <td rowspan="10" bgcolor="#ff3438" width="5"></td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td>LINK</td>
        </tr>
        <tr>
         <td></td>
        </tr>
        <tr height="100%">
         <td height="100%"></td>
        </tr>
       </table>
      </td>
      <td></td>
     </tr>
  </table>
  </body>
  </html>
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum
Verschachtelte Tabellen
gerald 27.01.2002 00:08

html
– Informationen zu den Bewertungsregeln
Hallo!

Ich habe zwei Tabellen ineinander verschachtelt. In der inneren Tabelle brauche ich in der letzten <tr> eine vertikale Linie (rot im html Code). Diese Linie geht bis zum Ende der inneren Tabelle. Wie kann ich erreichen, dass diese Tabelle und damit die rote Linie bis zum unteren Rand der aeusseren Tabelle geht? Es sollte in in allen gängigen Browsern und OS gut aussehen.

Gruss und danke
Margrit

hi margrit

ich habe hier einen alternativvorschlag mit bloss einer tabelle

<html>
<body>
<table border=0 width=475>
<tr>
<td colspan=3><h1>Haupttitel</h1></td>
</tr>
<tr>
<td colspan=2 width=275>hier ist das bild<br>das muss viel grösser werden<br><br><br><br><br><br></td>
<td rowspan=7 width=200>hier ist der viele Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text<br>Text</td>
</tr>
<tr width=275>
<td width=274>

   <A HREF="">Navigation 1</A><BR>
      <A HREF="">Navigation 2</A><BR>
      <A HREF="">Navigation 3</A><BR>
      <A HREF="">Navigation 4</A><BR>
      <A HREF="">Navigation 5</A><BR><BR><BR><BR><BR><BR>
</td>
<td bgcolor=#970000 width=1><img src="pixel.gif" width=1></td>
</tr>
</table>
</body>
</html>

das 1-pixel bild musst halt gegen deines tauschen

ich hoffe das hilft weiter

gerald
Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Margrit: Verschachtelte Tabellen