Brauche HTML-Table-Quelltext!!

Schlangemann

Hi Leute!

ich brauche dringend einen quelltext..
ich möchte eine internetseite mit tabellen basteln..

ich habe hier ein muster wie es aussehen sollte:
http://www.pictureupload.de/originals/pict…115_vorlage.jpg

wär richtig gut wenn ihr mir helfen könnt!!!!
und ich brauche es dringend!

danke danke danke

Dodo

muss es ne tabelle sein?
ohne, würd ichs dir machen

Krusty

Zitat von Dodo

muss es ne tabelle sein?
ohne, würd ichs dir machen

Ich auch, ist nämlich für mich viel einfacher, mit Divs zu arbeiten.

Schlangemann

könnt irh mir das vielleciht machen!?
wills mir mal anschaun..
wär cool..

Dodo

bin grad bei der arbeit

Schlangemann

super nett von dir =)

Dodo

Okey hier der Code
Sieht in allen getesteten Browsern (Opera 9, Firefox 2, Internet Explorer 6) ident aus

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Testseite</title>
    <style type="text/css">
      html,body
      { text-align:center;
      }
      #alles
      { width:860px;
        margin:0px auto;
        border:1px solid #000000;
        text-align:left;
      }
      #links_aussen
      { float:left;
        width:800px;
        border-right:2px solid #000000;
      }
      #rechts_aussen
      { float:left;
        width:50px;
      }
      #oben
      { border-bottom:1px solid #000000;
      }
      #oben_schmal
      { height:50px;
        border-bottom:1px solid #000000;
      }
      #links
      { float:left;
        width:140px;
      }
      #links_oben
      { border-bottom:1px solid #000000;
      }
      #rechts
      { float:left;
        width:658px;
        border-left:1px solid #000000;
      }
      #inhalt
      { border-bottom:1px solid #000000;
      }
      .clear
      { clear:both;
      }
    </style>
  </head>
  <body>
    <div id="alles">
      <div id="links_aussen">
        <div id="oben">Hier der Text oben (H&ouml;he passt sich nach Inhalt an)
Text
Text
Text
Text</div>
        <div id="oben_schmal">Hier der Text im 2. Bereich</div>
        <div id="links">
          <div id="links_oben">Text links oben (H&ouml;he passt sich nach Inhalt an)
Text
Text
Text</div>
          <div id="links_unten">Text links unten (H&ouml;he passt sich nach Inhalt an)
Text
Text
Text</div>
        </div>
        <div id="rechts">
          <div id="inhalt">Hier der eigentliche Inhalt (H&ouml;he passt sich nach Inhalt an).
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text</div>
          <div id="footer">Footer - H&ouml;he passt sich an Inhalt an</div>
        </div>
        <br class="clear" />
      </div>
      <div id="rechts_aussen">Rechts</div>
      <br class="clear" />
    </div>
  </body>
</html>

Alles anzeigen

Schlangemann

der burner!

ich danke dir!

Dodo

bitte

Aber du könntest den code noch kürzen
Indem du das hier als deinen Head (einfach mit dem alten ersetzen) nimmst:

Code

<head> 
    <title>Testseite</title>
    <link rel="Stylesheet" type="text/css" href="design.css" />
  </head>

Und du dann eine Datei namens "design.css" erstellst (im selben Verzeichnis), mit diesem Inhalt

Code

html,body 
      { text-align:center; 
      } 
      #alles 
      { width:860px; 
        margin:0px auto; 
        border:1px solid #000000; 
        text-align:left; 
      } 
      #links_aussen 
      { float:left; 
        width:800px; 
        border-right:2px solid #000000; 
      } 
      #rechts_aussen 
      { float:left; 
        width:50px; 
      } 
      #oben 
      { border-bottom:1px solid #000000; 
      } 
      #oben_schmal 
      { height:50px; 
        border-bottom:1px solid #000000; 
      } 
      #links 
      { float:left; 
        width:140px; 
      } 
      #links_oben 
      { border-bottom:1px solid #000000; 
      } 
      #rechts 
      { float:left; 
        width:658px; 
        border-left:1px solid #000000; 
      } 
      #inhalt 
      { border-bottom:1px solid #000000; 
      } 
      .clear 
      { clear:both; 
      }

Alles anzeigen

Elvis

Dodo, ich kritisiere solch selbstlose Hilfe ja nur ungerne, aber die Textbereiche sind kompletter Quatsch!

Code

<div id="inhalt">
<h2>Ich bin eine Überschrift der zweiten Kategorie.</h2>




Die Überschrift h1 sollte man auf einer Seite nur einmal benutzen.</p>




Der Tag p bezeichnet einen Absatz. Sätze an sich brechen automatisch um.</p>
</div>

Alles anzeigen

Weitere Designs findest Du bei OSWD.

Dodo

Wieso denn kompletter Queatsch?
Sollten ja nur kleine Inhalte sein, damit die seite im ganzen nicht 200 pixel hoch ist, sondern dass man etwas vom Design sieht.
Ich weiß, ich hätt auch mehr mit Überschriften, Textabsätzen, etc. machen können, aber das verwirrt denke ich dann eher.

Elvis

Zitat von Dodo

Wieso denn kompletter Queatsch?

Weil es semantsich total falsch ist.

Zitat von Dodo

Sollten ja nur kleine Inhalte sein, damit die seite im ganzen nicht 200 pixel hoch ist, sondern dass man etwas vom Design sieht.

Aber es ist total unglücklich jemanden mit Zeilenumbrüchen zu verwirren, die dort ausserdem auch falsch sind sollte man dann lieber Absätze und Überschriften erklären.

Zitat von Dodo

Ich weiß, ich hätt auch mehr mit Überschriften, Textabsätzen, etc. machen können, aber das verwirrt denke ich dann eher.

Verkehrszeichen verwirren in der Fahrschule auch nicht, sondern sie müssen gelernt werden.

Dodo

Ja okey hast ja recht
[quote=Elvis]Verkehrszeichen verwirren in der Fahrschule auch nicht, sondern sie müssen gelernt werden. ;)[/qoute]
Also ich mag die bis heute nicht^^
Wir haben bei uns im Ort so ne komische 30er-Begrenzung, direkt neben dem Polizei-"Häuschen"(eher hütte)
Da fährt eh jeder mit 60 durch^^

Thonixx

Sry dass ich mich einmische aber warum habt ihr nicht einfach das "Lorem ipsum" genommen?

synaptic

jetzt werden die einzelnen user hier schon im pluralis majestatis angesprochen
http://www.blindtexte.de
da gibbet josis römer-gebabbel..

und ich denk ma das thema hier is doch schon erledigt...

siehe:

Zitat von Schlangemann

der burner!

ich danke dir!

Elvis

Zitat von Dodo

Wir haben bei uns im Ort so ne komische 30er-Begrenzung, direkt neben dem Polizei-"Häuschen"(eher hütte)
Da fährt eh jeder mit 60 durch^^

Auch von Browsern bekommt man Strafmandate. Die kosten dann im Webdesign eine saubere Darstellung.

Dodo

ööhm was hat das mit zeilenumbrüchen bei beispielen zu tun?^^

Elvis

Vermutlich nichts, aber Du biegst doch auch nicht dreimal links ab um Dir das einmalige rechtsabbiegen zu sparen. Das Stichwort ist und bleibt Semantik. Zeilenumbrüche sind für Zeilenumbrüche da und nicht für das Erwirken von Abständen.

Tags