Problem #2 Tabellen Anordnung -Layout WICHTIG!

Dieses Thema im Forum "Webentwicklung" wurde erstellt von IronSnake, 10. Dezember 2005 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 10. Dezember 2005
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    moin,
    und schon wieder bin ich hier mit einem Problem im Board xD
    Also es geht um einb Layout..mal wieder bestehend aus Tabellen.

    Also oben ein Tabellen Platz für den Header width="930" height="110"
    Dan unterm Header eben wieder paar Plätze für buttons" 7 Stück mit einer höhe von 40 Pixel.

    Unter den Bottons dann eben das Content Feld.
    ganz Links eine Breite von 600 PX dann einen abstand von 20 px un dann eben der rechte teil ..für Bilder quicknews etc soll 210px haben.
    Länge der felder je nach textlänge angepasst.
    Border soll erstma sichtbar sein..ist ja wegen schule...

    Also so weit hatte ich es auch gecshafft doch es war so, dass wenn ich ins linke feld zu viel geschrieben hab..ist der text des rechten feldes einfach in die mitte geruscht.
    Die sollen aber beide oben stehen....also die Tabellen sollen sich einzeln verlängern.

    Bildbeispiel
    page3vj.jpg
    {img-src: //imageshack.us/a/img235/263/page3vj.jpg}


    Hoffe ihr könnt mir helfen..es ist veredammt wichtig
     
  2. 10. Dezember 2005
    Eigentlich ist es so, wenn du 2 tabellen schreibst, das sie auch einzeln aggieren. Vlt kannst du mal den HTML code posten damit wir mal schauen können ob du vlt einen fehler gemacht hast.
     
  3. 10. Dezember 2005
    Code:
    <html>
     <head>
     <title> Test </title>
     <link href="style.css" rel="stylesheet" type="text/css">
     </head>
     <body>
     <center>
     <Table border="1" width="930" height="110">
     <tr>
     <td valign="top" width ="930" height="110">Header
     </td>
     </tr>
     </table>
     <Table border="1" width="930" height="40">
     <tr>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     </tr>
     </table><br>
     <Table border="1" width="930" height="1">
     <tr>
     <td class="font1"><table width="576" border="0" cellspacing="0" cellpadding="0">
     text1</table></td>
     <td class="font3"><table width="200" border="0" cellspacing="0" cellpadding="0">
     text2</table></td>
     </tr>
     </table>
     </center>
     </body>
     </html>
    wen ich jetzt zuviel dort wo Text1 steht reinschreibe rutscht das text2 inne mitte der recten tabelle^^
    Wwenn ich dann zuviel bei text2 reinballer rutscht text1 inne mitte usw ^^
    Soll alles oben bleiben
     
  4. 10. Dezember 2005
    Probiers mal so, hab einfach nur alles in eine Tabelle getan. Wenns net klappt hab i auch keien ahnung mehr sry

    Code:
    <html>
     <head>
     <title> Test </title>
     <link href="style.css" rel="stylesheet" type="text/css">
     </head>
     <body>
     <center>
     <Table border="1" width="930" height="110">
     <tr>
     <td valign="top" width ="930" height="110">Header
     </td>
     </tr>
     </table>
     <Table border="1" width="930" height="40">
     <tr>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     <td width ="70" height="40" valign="top">Button</td>
     </tr>
     </table><br>
     
     <table align="center" width="930">
     <tr>
     <td width="930">
     <table width="930" border="1">
     <tr><td width="680">
     TEXT1
     
     </td>
     
     <td width="250">
     
     Text2 </td>
     </tr>
     </table>
     </td>
     </tr>
     </table>
     
     </center>
     </body>
     </html>
    
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.