Hi Folks ,

neulich habe ich diese grafik bekommen ,mit der bitte eine hompage daraus zu basteln.

mein problem ist jetzt das ich nich weiß wie ich es umsetzten soll.
eigentlich möchte ich es in CSS umsetzten,aber da fehlt mir noch der durchblick.
kann mir jemnad weiterhelfen und mir event.ein grundgerüst dafür aufzeigen?

thanks in advanced

grußfrequenzen

MiH

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
	body{
		margin: 0;
		padding: 0;
	}

	#wrapper{
		width: 600px;
		margin: 20px auto 20px auto;
	}	

	#navigation ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#navigation li{
		display: block;
		float: left;
		width: 90px;
	}
	
	#navigation{
		clear: both;
		width: 100%;
	}

	#box{
		width: 100%;	
		background: #ccc;
	}

	#leftcol{
		width: 150px;
		float: left;
	}

	#content{
		margin: 0 0 0 150px;
		background: #fff;
	}
</style>
</head>
<body>
<div id="wrapper">
	<div id="navigation">
		<ul>
			<li>Link1</li>
			<li>Link2</li>
			<li>Link3</li>
			<li>Link4</li>
		</ul>
	</div>
	<div id="box">
		<div id="leftcol">Linke Spalte</div>
		<div id="content">
			Content
		</div>
	</div>
</div>
</body>
</html>

mzet01

hey,super vielen dank mih !

wenn du mir jetzt noch in zwei drei kurz gefassten sätzen erläutern könntest was,was wo du gemacht hast könnte mich das weiter bringen*g*

thanks in advanced

grußfrequenzen

MiH

#wrapper ist die hauptbox diese hat eine bestimmte breite und wird zentriert ausgerichtet.

#navigation ist die obere navigation hier sind alle elemente (menüpunkte) per undefinierte liste erstellt wurden. das es am ende nicht aussieht wie eine liste wurde per css der abstand und das verhalten der <li> elemente geändert.

#box ist eine weitere box, die nun die linke navigation + den content beinhaltet.

#leftcol ist die linke navigation diese wird vom content umflossen.

#content ist der inhalt der seite!

mzet01

hm...danke.
könntest du mir noch sagen wie ich (alls css anfänger*g*) den content,sprich die grafik am besten eifnüge?

thanks in advanced

grußfrequenzen

http://img.photobucket.com/albums/v4...t01/grafik.jpg

Dexter

Teil doch einfach das Geld mit jemanden der Dir das ordentlich macht?

Anzeige

Anmelden

Weitere Tipps