CSS und HTML

cLypse · 5. Februar 2006

Hallo,

Also ich soll für die Schule was mit CSS machen.
Und zwar 3 Kästen, wo ich auch ein Bild gemacht habe wie es ca. sein soll.
Diese Kästen sollen mit CSS gemacht werden, bzw es soll soviel wie möglich mit CSS gemacht werden.
Ich hab mich jetzt erkundigt und "gelernt" und auch verstanden wie man die farbe ändert und so aber nicht wie man solche Kästen macht.

So soll es ca aussehen:
http://home.arcor.de/frankyyyy/Beispiel.JPG

Danke schonmal

SLH3 · 5. Februar 2006

Du kannst diese Sachen mit <Div>'s machen: Div können eine fixe Position, Grösse, usw. zugeordnet werden. Einfach alles.

Am besten schaust du unter http://de.selfhtml.org und dort nach <div> suche...

GuardianAngel · 5. Februar 2006

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

ZeroFlash · 6. Februar 2006

hatte grad mal lange weile

HTML:

<html>
<head>
<style>
body {
	margin:0px;
	}
.container {
	width:450px;
	height:auto;
	text-align:center;
	}
.rot {
	margin:auto opx;
                width:400px;
	height:80px;
	background:red;
	margin-bottom:20px;
	text-align:left;
	}
.blau {	
	width:50px;
	height:200px;
	background:blue;
	float:left;
	}
.gruen {
	width:300px;
	height:200px;
	background:lightgreen;
	float:right;
	}
</style>
</head>
<body>
<div class="container">
	<div class="rot"></div>
	<div class="blau"></div>
	<div class="gruen"></div>
</div>
</body>
</html>

am besten du probierst erstmal im quellcode rum und guckst dich auf http://www.css4you.de mal um, dann solltest du es auch lernen und verstehen können.

btw. das centern ist nur für den ie und mit margin:auto 0px ist eigentlich die richtige variante nur das macht der ie nicht. weiß aber nicht ob die reihenfolge jetzt stimmt. hab hier nur den ie zum testen

also musst dann evtl auto und 0 px vertauschen in der reihenfolge

Benjamin_L · 6. Februar 2006

Der IE versteht margin-left:auto; margin-right: auto; nur mit strict Doctype soweit ich weiss. Dass ein Doctype zum HTML Standard gehört, weiss aber leider ein Großteil nicht.

http://www.w3.org/QA/2002/04/valid-dtd-list.html

cLypse · 6. Februar 2006

acvhso korrekt danke, jetzt hab ich nur eine frage, ich muss in dem hauptkasten, also den grössten eine html tabelle reinbauen. Wo muss ich die dan hinschreiben?

ghorst · 6. Februar 2006

zwischen <div class=...> und </div> setzt du einfach deinen html code.
also <div class=...> <table ...>....</table> </div>

ZeroFlash · 6. Februar 2006

ich hoffe nur du musst die tabelle nicht für die contentgestaltung nehmen?
dafür gibts schlicht css...

ja das mit doctype ist zwar richtig das man es in das html doc mit reinschreiben muss damit die seite validiert werden kann, aber zum rumprobieren braucht man es nicht.

das mit margin auf auto versteht der ie leider nicht. kannst es probieren.... habs bisher nicht hinbekommen. dafür gibts dann ja den workaround... kannst es natürlich auch mit 50% left und margin-left:-halbe containerbreite machen, aber dann schiebst du dir den content beim fenster verkleinern einfah über den browserrand hinweg und futsch ist alles, was ja auch irgendwie logisch ist

mh1001 · 6. Februar 2006

@ZeroFlash

Gerade beim "Herumprobieren" sollte man auch immer einen Doctype festlegen.

Ansonsten kann es passieren, das einige Dinge im Quirks-Modus der Browser nicht klappen oder vollkommen anders dargestellt werden.

Darunter fällt beim Internet-Explorer unter anderem auch das besagte "margin: 0px auto;".

MfG mh1001

cLypse · 6. Februar 2006

Also ich soll in der grössten Box eine Tabelle machen.
Wie soll ich das denn am besten machen? Nicht mit schlichten Html Code?

ZeroFlash · 7. Februar 2006

@ mh1001: ja, aber es ging selbst mit doctype nicht mit margin.... kann ja sein das ich mich immer wieder vertippe aber es ging nicht....

@ cLypse: womit willst du die tabelle denn sonst machen? du kannst auch tabellen mit css formatieren..., musst dir halt erstmal überlegen wie sie aussehen sollzb. breite, höhe, spaltenbreiten,spaltenhöhe etc. du kannst die tabelle dann einfach in den "gruen" container reinmachen. du solltest allerdings nur tabellenartigen inhalt in einer tabelle darstellen und nicht versuchen zb die seite mit tabellen aufzubauen...

das ist veraltet und für seitenaufbau gibt es css

PuppetMaster · 7. Februar 2006

cLypse schrieb:
Also ich soll in der grössten Box eine Tabelle machen.
Wie soll ich das denn am besten machen? Nicht mit schlichten Html Code?

Glaubst du nicht dass es reichlich dreist ist, die Hilfsbereitschaft anderer auszunutzen und dir deine Hausaufgaben komplett fertig servieren zu lassen?

Suche

CSS und HTML

cLypse

Lt. Junior Grade

SLH3

Ensign

GuardianAngel

Ensign

ZeroFlash

Lt. Junior Grade

Benjamin_L

Commander

cLypse

Lt. Junior Grade

ghorst

Lieutenant

ZeroFlash

Lt. Junior Grade

mh1001

Lt. Commander

cLypse

Lt. Junior Grade

ZeroFlash

Lt. Junior Grade

PuppetMaster

Admiral Pro

Ähnliche Themen