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

nimmt keine cSS befehle an

Status
Für weitere Antworten geschlossen.
leechen

leechen

Neues Mitglied
ich weiß ich muss dämlich sein aber ich schreib float rightt un das is noch immer links^^ was mahc ich falsch??????????

Code: 
<html>
<head>
<title></title>
<meta name="author" content="Lea">
<style type="text/css">
#header {background-color:#000000; float:right; }
#rechtsoben {background-color:#000000;}
#navi   {background-color:#000000;list-style:}
</style>
</head>
<body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="float:left;">
 [img]http://i1.tinypic.com/znm14n.jpg[/img]
</div>

<div id="navi">
[*][url="home.html"][img]http://i3.tinypic.com/znmt6o.jpg[/img][/url]
[*][url="avatare.html"][img]http://i3.tinypic.com/znmtep.jpg[/img][/url]
[*][url="signaturen.html"][img]http://i1.tinypic.com/znmtn6.jpg[/img][/url]
[*][url="wallpaper.html"][img]http://i3.tinypic.com/znmtxt.jpg[/img][/url]
[*][url="linkme.html"][img]http://i1.tinypic.com/znmu5u.jpg[/img][/url]
[*][url="links.html"][img]http://i2.tinypic.com/znmuc9.jpg[/img][/url]
[*][url="gb.html"][img]http://i1.tinypic.com/znmuj5.jpg[/img][/url]
</div>
</body>
</html>
 
Werbung:
ich weiß ich muss dämlich sein aber ich schreib float left un das is noch immer links was mahc ich falsch??????????
Zum Vergrößern anklicken....
ähm left heißt links? :roll:
float: left; richtet es nach links aus...
bitte schau dir dein post an, ich glaub du hast was falsch gemacht^^

edit: du hast ja den befehl geschrieben er soll es links auslegen, dann wundert mich nicht das es links liegt ;)
 
Werbung:
ähm ich sehe das bei #header das mit float right steht, aber da gib's doch ncihtmal ein div mit id="header" :wink:
 
Hi leechen

du hast zwar im STYLE-Bereich die ID #header mit "float:right" ausgerichtet, jedoch gibt es im Quelltext kein Element mit dieser ID. :shock:

Gruß
Hobbyuser
 
oh man bin cih dämlci sry

noch ne frage wie krieg ich die navi id 1 so das die unter der header div is 2. das die da ganz angrentzt un das zwischen den einzelnen listen teilen kein abstand mehr is??
 
Werbung:
Ich weiss zwar nicht ganau was du willst, aber "margin:0;" sollte helfen. ;)
 
klappt nich^^

ich will erstens das die navi div unter der header div is und 2. daszwischen den listenelementen kein abstand is^^
 
Du hast Glück leechen, ich erstelle gerade eine Seite die in etwa das bringt was du willst. :D

Hier mal der Code:
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">

<head>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
	<title>Testseite</title>
	<style type="text/css">
	<!--
		#container {
			margin:15px auto;
			padding:0;
			width:750px;
			border:solid 1px #0b0246;
		}
		#topic {
			margin:0;
			padding:0;
			background-color:#8eaeb6;
			border-bottom:solid 1px #0b0246;
		}
		#navi {
			margin:0;
			width:11em;
			float:left;
			font-size:0.8em;
		}
		#navi ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		#navi ul li {
			border-right:solid 1px #0b0246;
			border-bottom:solid 1px #0b0246;
		}
		#navi ul li.akt {
			padding:0;
			padding:5px;
			color:#ffffff;
			background-color:#606060;
		}
		#navi ul li div {
			margin:0;
			padding:0;
		} 
		#navi a {
			margin:0;
			padding:5px;
			display:block;
			color:#d0d000;
			background-color:#606060;
		}
		/* --- IE Hack --- */
		*html #navi a { width:100%; }
		#navi a:hover {
			color:#ffff80;
			background-color:#808080;
			text-decoration:none;
		}
		#inhalt {
			margin:0 0 0 13em;
			padding:10px 15px 20px;
			font-size:0.7em;
			font-family:Verdana, Helvitica, sans-serif;
		}
		.left { float:left; }
	-->
	</style>
</head>
<body>

	<div id="container">
	
	<div id="topic">
		HEADER
	</div>
	
	<div id="navi">
	<ul>
	[*][url=""]LINK_1[/url]
	[*][url=""]LINK_2[/url]
	<li class="akt"><div id="aktlink">LINK_3</div>
	[*][url=""]LINK_4[/url]
	[/list]
	</div>
	
	<div id="inhalt">
	<h1>&Uuml;berschrift</h1>
	

Ein Mustertext um zu sehen wie es aussieht</p>
	</div>
	
	</div>

</body>

</html>
Von mir aus darfst du den frei verwenden und verändern. ;)

Viel Spaß
Hobbyuser
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben