[HTML] Design Grundgerüst

Dieses Thema im Forum "Webentwicklung" wurde erstellt von HKZonda, 29. März 2007 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 29. März 2007
    Design Grundgerüst

    Hallo Leute,

    wollte mein Design coden jedoch hab ich null plan wie ich diese tabellen machen soll

    {bild-down: http://img371.imageshack.us/img371/1623/designfx5.jpg}

    so ist der aufbau
    kann mir das bitte jemand coden also den code geben den rest kann ich selber einfügen

    dank im voraus
     
  2. 29. März 2007
    AW: Design Grundgerüst

    ick mach dir mal was^^
     
  3. 29. März 2007
    AW: Design Grundgerüst

    mit tabellen willst du?

    <table>
    <tr>
    <td colspan="3">HEADER</td>
    </tr>
    <tr>
    <td style="width:20%;">Links</td>
    <td>Mitte</td>
    <td style="width:20%;">Rechts</td>
    </tr>
    <tr>
    <td colspan="3">Unten</td>
    </tr>
    </table>
     
  4. 29. März 2007
    AW: Design Grundgerüst

    Danke Bewertungen sind raus
     
  5. 29. März 2007
    AW: Design Grundgerüst

    HTML:
    <html>
    <head>
    <style type="text/css">
    <!--
    body {
    font-family: tahoma;
    }
    
    div {
    margin: 0px;
    }
    
    .index {
    width: 800px;
    }
    
    .header {
    width: 100%;
    line-height: 100px;
    vertical-align: middle;
    border: 1px solid black;
    }
    
    .box {
    width: 100%;
    padding: 1px;
    color: #FFFFFF;
    text-align: center;
    }
    
    .box div {
    width: 798px;
    background-color: #000000;
    }
    
    .main {
    width: 100%;
    border-top: 0px solid;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    }
    
    .main table {
    width: 100%;
    height: 600px;
    }
    
    .main #left {
    vertical-align: top;
    width: 150px;
    }
    
    .main #content {
    vertical-align: top;
    border-left: 1px solid black;
    border-right: 1px solid black;
    }
    
    .main #right {
    vertical-align: top;
    width: 150px;
    }
    
    .footer {
    width: 100%;
    line-height: 30px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    }
    -->
    </style>
    <!--[if IE]>
    <style type="text/css">
    <!--
    .box div {
    width: 796px;
    }
    -->
    </style>
    <![endif]-->
    </head>
    <body>
    <div class="index">
     <!--header-->
     <div class="header">
     <div class="box">
     <div>Header</div>
     </div>
     </div>
     <!--/header-->
    
     <!--body-->
     <div class="main">
     <table cellpadding="4" cellspacing="0">
     <tr>
     <td id="left">Navigation</td>
     <td id="content">Seiteninhalt</td>
     <td id="right">Google Ads</td>
     </tr>
     </table>
     </div>
     <!--/body-->
    
     <!--footer-->
     <div class="footer">
     <div class="box">
     <div>Footer</div>
     </div>
     </div>
     <!--/footer-->
    </div>
    </body>
    </html>
    hatte den antworten tab offen sry..
     
  6. 29. März 2007
    AW: Design Grundgerüst

    thema erledigt?
    dann schließ ich mal
    achja: das ist HTML und kein PHP
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.