Проблем при кодиране

[sn1p3r]

Здравейте имам проблем при кодирането на един сайт сега ще дам кодовете да ги видите и ще обясня

Първия код е index.php:

<div id="nav">
		<div id="nav-text">Test</div>
		<span style="color: #000">test<br />test<br />test<br />test<br />test<br />test<br />test<br /></span>
	</div>
	
	<div id="nav2">
		<div id="nav2-text">Test</div>
		<span style="color: #000"><b><h3>Тест тук ще са новините!</h3></b><br />Тест пак :D</span>
	</div>
	
	
	<div id="nav3">
		<div id="nav3-text">Test</div>
		<span style="color: #000">test<br />test<br />test<br />test<br />test<br />test<br />test<br /></span>
	
	</div>
	
	
	<div id="nav4">
		<div id="nav4-text">Test</div>
		<span style="color: #000">test<br />test<br />test<br />test<br />test<br />test<br />test<br /></span>
	
	</div>	
	
	<div id="nav5">
		<div id="nav5-text">Test</div>
		<span style="color: #000">test<br />test<br />test<br />test<br />test<br />test<br />test<br /></span>
	
	</div>

Втория код е style.css:

#nav {float: left; width: 270px; margin-left: 7px;}
#nav-text {background: url(../img/test.png) no-repeat; height: 41px; width:176px;}

#nav2 {float: left; margin-left: 7px;}
#nav2-text {background: url(../img/test1.png) no-repeat; height: 41px;  width: 476px;}

#nav3 {float: left; margin-left: 80px;}
#nav3-text {background: url(../img/test.png) no-repeat; height: 41px; width: 176px;}

#nav4 {float: left; margin-left: 7px;}
#nav4-text {background: url(../img/test.png) no-repeat; height: 41px; width: 176px;}

#nav5 {float: left; margin-left: 657px;}
#nav5-text {background: url(../img/test.png) no-repeat; height: 41px; width: 176px;}

Сигурно вече сте забелязали лошото кодиране Така когато в nav2 има дълъг текст (br) и слиза много надолу (br както казах ) страничните долни менюта nav4 и nav5 се местят много гадно (смисъл не са си на мястото), а бих искал страничните да не променят мястото си спрямо средното (с други думи те да си седят от страни, а това в средата да слиза и 50 метра надолу). Благодаря ви за отделеното време Дано се намери някой да помогне

И също nav3 когато му сложа системата за логин се смъква на следващия ред, а не само текста да продължи като при nav.

 

[mapka7a]

на nav2 просто му сложи един width в css и би трябвало да ти се оправи(аз го пробвах с 250 и беше добре),а за nav3 покажи къде точно я поставяш логин системата.

 

[sn1p3r]

Чек да ти обясня как искам да са разположени:

nav (и nav-text) са менюто от ляво
nav2 (и nav2-text) са в средата за новини
nav3 (и nav3-text) са в дясно менюто
nav4 (и nav4-text) искам да са на следващия ред под nav
nav5 (и nav5-text) искам да е точно под nav3

бях го направил, но когато текста в nav2 беше голям мърдаше nav4 и nav5 надолу искам те да седят неподвижно. Другите проблеми ги оправих, но не мога сега да направя това nav4 и nav5 да са разположени там и да не мърдат ако можеш да ми помогнеш :S

 

[sn1p3r]

Доста често се случва като питам нещо и да ми дойде идея как да го направя направих го това, но имам друг проблем как да направя nav4 да се мести надолу когато текста в nav и по-дълъг, а не текста от nav да минава върху nav4

 

[IvanAdamov]

Нищо не ти разбирам на HTML'a.