• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage zum Layout

Status
Für weitere Antworten geschlossen.
T

Tomm

Mitglied
Hallo,

ich hab mal ne Frage zum Layout.
Könnt ihr mir einen Tip geben
Wie mache ich das ein weisses Blatt auf einem dunklen Hintergrund darzustellen.(hier ein Beispiel Investox Börsensoftware die anderen Elemente auf dieser Seite sind nicht so wichtig)
Eigentlich hätte ich eine Table (bgcolor:#ffffff) genommen, aber ihr habt mir davon abgeraten.
 
eigentlich ist es relativ einfach du hast enifach 2 "ebnen" (wenn man es so nennen mag).


style.css:
Code: 
body { background-color: #FF0000; }

#main { height: 600px; width; 350px; margin 0px auto; background-color: #000000; }
index.htm:

Code: 
<!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" lang="de-de">

<head>
<title> Titel </title>

<link href="style.css" type="text/css" rel="stylesheet" />

</head>

<body>

 <div id="main">
 </div>

</body>
</html>
 
Loon3y schrieb:
eigentlich ist es relativ einfach du hast enifach 2 "ebnen" (wenn man es so nennen mag).


style.css:
Code: 
body { background-color: #FF0000; }
 
#main { height: 600px; width; 350px; margin 0px auto; background-color: #000000; }
index.htm:

Code: 
<!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" lang="de-de">
 
<head>
<title> Titel </title>
 
<link href="style.css" type="text/css" rel="stylesheet" />
 
</head>
 
<body>
 
 <div id="main">
 </div>
 
</body>
</html>
Zum Vergrößern anklicken....

Ich habs anders gemacht, funktioniert aber auch.
Mit nem Container, dem ich eine weiße Farbe gegeben hab.

Code: 
<html>
<head>
<title></title>
</head>
<body style="TEXT-ALIGN: center" background="gradient7.jpg">
<div id="Layer1" style="WIDTH: 950px; POSITION: relative; HEIGHT: 1200px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left">
<img alt="" src="gradient2.jpg" align="top" width="950">
<img alt="" src="Bild4.png" height="380" width="150"></div>
 
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben