ittich: Tabellenlayout

wie geht folgendes:

übergeordnete tabelle:
-4 felder
-feld 1 und 3 rowspan
-->also links ne spalte, rechts zwei zeilen
-die breite der übergeorneten tabelle soll 100% des platzes ausmachen, wobei 20% auf die linke spalte gehen sollen und 80% auf den rechten teil
-die 20% spalte linke und das rechte obere (schmale) feld sollen mit einem bild gefüllt werden und sich genau der größe der bildes anpassen (am besten mit 10px randabstand des bildes, vermutlich mit innerer tabellenzelle??)

  • das rechte untere feld soll mit variablem inhalt gefüllt werden, aber das dann danach

sicher super super einfach....nur bekomme ichS# trotz wysiwyg editor bluegriffon nicht hin....

  1. Bild

      1.   
        <table width="100%">  
        <tr>  
        <td rowspan="2" width="20%">hier der linke bereich</td>  
        <td>hier der top bereich</td>  
        </tr>  
        <tr><td>hier unten rechts</td><tr>  
          
        </table>  
        
        

        Das ganze aber lieber mit css auslagern, es ist nur fürs verständnis inline.
        Noch besser wäre aber, wenn du es mit 3 divs bauen würdest!

          
        <div id="container">  
          <div id="linke_spalte"></div>  
          <div id="top_zeile"></div>  
          <div id="content"></div>  
        </div>  
        
        

        Abstände würde ich mit padding erledigen. z.b. so: td {padding:5px;}

        1. Hi.

          Bei dem Code stellt sich das dann so dar, daß die beiden Felder rechts sich zu gleichen Teilen aufspalten bezüglich der height pixel, die durch das Einfügen des Bildes in der linken Spalte vorgegeben werden. Wenn man dann das Bild in das Feld oben rechts einfogt, soll das am oberen Rand des Feldes haften und sich die Höhe des Tabellenfeldes genau nach dem eingefügten Bild orientieren...ist nicht so, eingefügtes Bild hängt irgendwo mittig.

          Was wäre daran besser, divs zu nutzen??

          1. unabhängig davon, ob das jetzt ne ebayshop template wird oder n aufdruck für die klorolle, wie kann ich denn die bilder/tabellen so verschieben, wie ich mir das vorstelle?? sollte doch ohne css drin sein?? ich will ja nichts erschaffen, das das htmler herz höher schlagen läßt - ich hab nämlich keins - es soll nur dem formulierten minimalanspruch genügen. sollte doch ne einfache nummer sein oder??

            1. Liebe(r) ittich,

              sollte doch ne einfache nummer sein oder??

              wenn Du das sagst...

              Liebe Grüße,

              Felix Riesterer.

              --
              ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
              1. nicht weiter ärgern...kommt eh nichts produktives. lieber nem kollegen wissMa nen hunni in die hand drücken und machen lassen...dafür gibt's dann mal n bissle chemie umsonst...

        2. Hallo,

          <div id="container">
            <div id="linke_spalte"></div>
            <div id="top_zeile"></div>
            <div id="content"></div>
          </div>

            
          Ich würde das eher so machen:  
            
          ~~~html
          <!DOCTYPE html>  
          <html>  
          <head>  
           <title>Mein titel</title>  
          </head>  
          <body>  
           <nav></nav>  
           <header></header>  
           <article></article>  
          </body>  
          </html>
          

          Jeena

  2. Liebe(r) ittich,

    sinnvoll ist Dein Vorhaben nicht. Suchst Du vielleicht nicht lieber soetwas? <http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm@title=zweispaltiges Layout mit Kopf- und Fußzeile>

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. css geht nicht. es wird ein ebay shop template.

      1. Liebe(r) ittich,

        es wird ein ebay shop template.

        solche wesentlichen Informationen gehören ins Ausgangsposting!

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
      2. css müsste inline auch funktionieren. sonnst kannst du ja überhaupt nichts gestalten ;)