как до дабавя два div-a един до друг

dunix

Registered
Здравейте, днес ми е първото кодиране и се нуждая от малко помощ.

Ето така трябва да се получи кодирането, а ето до къде съм стигнал - цък

На втората картинка съм обяснил за какво трябва да ми се помогне.
Кода на страницата е:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>GamerBG</title>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251">
	<meta name="Description" content="Counter-Strike - CS, source, 1.6, 1.5, карти, сървъри, оръжия, скинове, пачове" />
	<meta name="Keywords" content="Counter-Strike, CS, cs, source, 1.6, 1.5,  карти, сървъри, оръжия, скинове, пачове, gamer, gamerbg" />
	<meta name="copyright" content="2008-2010 DUNIX" />
	<link type="text/css" rel="Stylesheet" href="css/styles.css" media="screen" />
</head>
	<body>
	<br />
<div id="header_menu"> </div>
<div id="header"> </div>
<div id="bg2">
<div id="logo_img"> </div>
<div id="lenta_green"> </div>
<div id="nav">
	<div id="menu1"><div style="padding: 4px 0 0 30px; color: #384047">Counter-Strike</div></div>
	<div id="menu2"><div style="padding: 4px 0 0 40px; color: #bdbcbd">demo</div></div>
	<div id="menu2"><div style="padding: 4px 0 0 40px; color: #bdbcbd">demo</div></div>
	<div id="menu3"><div style="padding: 8px 0 0 70px; color: #384047">Анкета</div></div>
	<div class="anketa">
			<center><b>Харесва ли ви сайта ?</b></center><br />
			<form action="" method="post" >
			<input type="radio" name="votep" value="1" />Да, супер е!<br />
			<input type="radio" name="votep" value="2" />Не!<br />
			<center><input type="submit" value="Гласувай" /><br /><a href="#" title="коментирай анкетата">коментирай</a></center>
			</form> 
	</div>
</div>
<div id="lenta_green"> </div>
<div id="footer"> </div>
</div>	
</body>
</html>

а css файла е:
Код:
html, body {height: 100%; background: #d2d2d2; margin: 0 auto xp; padding: 0px;}
#bg2 {background: url(../img/bg2.png) repeat-y; width: 896px; margin: 0;}
#header_menu {background: url(../img/header_menu.png) no-repeat; width: 896px; height: 26px;}
#header {background: url(../img/header.png) no-repeat; width: 896px; height: 28px;}
#logo_img {background: url(../img/logo_img.png) no-repeat; width: 876px; height: 108px; margin: 5px 0 0 10px;}
#lenta_green {background: url(../img/lenta_green.png) no-repeat; width: 883px; height: 7px; margin: 5px 0 0 7px;}
#menu1 {background: url(../img/menu1.png) no-repeat; width: 222px; height: 28px; margin: 0 0 0 7px;}
#menu2 {background: url(../img/menu2.png) no-repeat; width: 222px; height: 29px; margin: 0 0 0 7px;}
#menu3 {background: url(../img/menu3a.png) no-repeat; width: 222px; height: 41px; margin: 0 0 0 7px;}
.anketa {width: 222px; margin: 0 0 0 7px;}
#nav {background: url(../img/Untitled-1.png) repeat-y	; width: 227px; padding: 0 0 0 0;}
#footer {background: url(../img/footer.png) no-repeat; width: 883px; height: 32px; margin: 0 0 0 7px;}

Благодаря предварително.
 
Намери #logo_img в css-а и замени този ред с:
#logo_img {background: url(../img/logo_img.png) no-repeat; width: 876px; height: 108px; margin: 0 0 0 10px;}
Би трябвало да се оправи.А за лентата до анкетата ми трябват картинките за да мога да го тествам иначе няма шанс да го оправя само като код.Качи сайта някъде и дай линк...
 
marian каза:
Намери #logo_img в css-а и замени този ред с:
#logo_img {background: url(../img/logo_img.png) no-repeat; width: 876px; height: 108px; margin: 0 0 0 10px;}
Би трябвало да се оправи.А за лентата до анкетата ми трябват картинките за да мога да го тествам иначе няма шанс да го оправя само като код.Качи сайта някъде и дай линк...

Видя ли, че на другата картинка, кодиран, имамако разстояние като отдолу.
http://gamerbg.org/newsite/ - ето го качен
 
http://web-tourist.net/userfiles/1/1955.rar
Отрязах картината до 5px и я бутнах в края с background-position:right top; (мести я в дясната част на елемента) и ако решиш отново да я режеш само променяш размера на дива #nav, а за другия проблем съм ти обяснил в предишния пост...
 
Ето това горе при логото го няма и как мога да създам div-а до другия и там да ми бъдат новините (примерно)
 
Еми замести го с това:
#logo_img {background: url(../img/logo_img.png) no-repeat 10px 6px; width: 100%; height: 115px;}
Работи по същия начин, но вместо с left,top,right и други използваш пиксели.
 
Много ти благодаря.

Може ли да дадете и някакъв коментар за дизайна :roll:
 

Back
Горе