[CSS] Tabellenlayout VS CSS

Dieses Thema im Forum "Webdesign" wurde erstellt von joop, 1. Dezember 2009 .

  1. #1 1. Dezember 2009
    Tabellenlayout VS CSS

    Also ich habe eine neue Idee für ein Design, aber bei mir hapert es immer an der Umsetzung nur mit CSS

    Mit Tabellen würde das ganze so aussehen

    Code:
    <table align=center" width="800px" border="1" cellpadding="5px" cellspacing="2">
     <tr>
     <td height="80px" colspan="3">HEADER</td>
     <td rowspan="2">LOGIN</td>
     </tr>
     <tr>
     <td colspan="3" height="60px">NAVIGATION NAVIGATION NAVIGATION NAVIGATION</td>
     </tr>
     <tr>
     <td>NEWSTICKER I</td>
     <td>NEWSTICKER II</td>
     <td>NEWSTICKER III</td>
     <td>NEWSTICKER VI</td>
     </tr>
     <tr height="500px">
     <td colspan="3">CONTENT</td>
     <td width="150px">KUNDENBWERTUNGEN</td>
     </tr>
     <tr>
     <td colspan="3">FOOTER - MINIMAL CMS UND SO COPYRIGHT BLABLA</td>
     <td colspan="3">FOOTERNAVI</td>
     </tr>
    </table>
    Aber wie genau würde das dann als CSS Layout aussehen? Kann mir wer Tipps geben, ob man das irgendwoher ableiten kann, wie das in CSS aussehen muss?

    Kann mir wer helfen und mir diese Tabelle als CSS Layout schreiben?
     
  2. #2 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Hätte es so in etwa gemacht:
    HTML:
    <html><head>
    <style type="text/css">
     #content {
     width:800px;
     height:500px;
     background-color:red;
     }
     
     #box_head {
     float:left;
     }
     
     #login {
     height:80px;
     width:200px;
     float:left;
     background-color:green;
     }
     
     #header {
     height:40px;
     width:600px;
     background-color:yellow;
     }
     
     #nav {
     height:40px;
     width:600px;
     background-color:grey;
     }
    </style>
    </head><body>
    
    <div id="content">
     <div id="box_head">
     <div id="header">HEADER</div>
     <div id="nav">NAAAAAAAVI</div>
     </div>
     <div id="login">LOGIN</div>
    </div>
    
    </body></html>
    
    Und so weiter halt

    MfG
     
  3. #3 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    ich würde die css entsprechend einbinden. Dann ist der Code schön sauber und übersichtlich.

     
  4. #4 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Danke sQuiD aber das krieg ich dann auch noch selber hin, aber immer wenn ich ein Layout in CSS mache will das nicht so wie ich das will
     
  5. #5 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Hab ich mir schon fast gedacht

    Ich nutze generell Dreamweaver. Dort kannst Du die Css Files wunderbar mit erstellen. Weiterhin gibt es doch auch Tools, welche Dir die Arbeit abnehmen.
     

  6. Videos zum Thema
    Video Script
Die Seite wird geladen...

Ähnliche Themen mit den Stichworten: CSS Tabellenlayout CSS

  1. [SUCHE] Webdesigner für .psd zu .html .css
    kampfkeks18, 27. Juli 2015 , im Forum: Webdesign
    Antworten:
    0
    Aufrufe:
    1.925
  2. HTML CSS Frage Lightbox
    Daniw, 8. Mai 2015 , im Forum: Schule, Studium, Ausbildung
    Antworten:
    3
    Aufrufe:
    1.965
  3. HTML / CSS / prettyPhoto: Kästen mit Fragezeichen
    Schreibfeder, 3. April 2015 , im Forum: Webentwicklung
    Antworten:
    1
    Aufrufe:
    1.564
  4. Antworten:
    2
    Aufrufe:
    1.952
  5. [CSS] Text durch Container transparent machen?
    sft-FTW, 28. Juli 2014 , im Forum: Webdesign
    Antworten:
    2
    Aufrufe:
    1.843