Mit Div Elementen, ist es möglich die Website viel besser aussehen zu lassen. Dazu erstellt man mit Div Kästen die man auf der Homepage platzieren kann, wie es einem gefällt.

Beispiel zu Div in CSS


<!doctype html>
<html>
<head>
	<title>
	Erste Seite
	</title>

	<style type="text/css">
		div{border: 2px solid blue;
		position:absolute;
		width: 150px;
		height: 30px;
		top:50px;
		left:20px;
		}
	</style>

</head>
<body>
	<div>Das ist ein Kasten</div>
</table>
</body>

</html>

Auf diese Weise erstellen wir einen blauen Kasten der absolut positioniert ist(was das bedeutet erkläre ich in einem der folgenden Tutorials) der 150Pixel breit 30 Pixel Hoch ist und die linke obere Ecke des Kastens 50px nach unten und 20 Pixel nach rechts verschoben ist, also 20 Pixel vom linken Rand des Browsers entfernt ist.

In den nächsten Tutorials zeige ich euch noch wie man diese Kästen so positioniert, dass die Homepage wesentlich besser aussieht.

Vorherig Stylen mit Klassen
Nächste Absolute Positionierung
Kostenlos