Помощ с HTML и CSS

SeCuRiTy

Registered
Някой може ли да ми помогне малко с CSS и HTML ?
Почнах да кодвам 1 дизайн по урока - Урок за CSS 1


Но като несъм много по тези неща се получиха грешки който незнам как да ги оправя ето ги и тях :

Как трябва да изглежда дизайна : http://store.picbg.net/pubpic/27/35/7b251ad772e72735.png

Грешки : http://store.picbg.net/pubpic/E9/83/3379c597f564e983.PNG

При грешките как мога да направя да се вижда логото (където е оградено с червено)
И да преместа текста и картинката за последно от форума :idea:

Ето ви и кодовете ако можете чрез тях да ми покажете или направо да ми кажете :

index.html

Код:
<!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>ThePsd.NeT - Начало</title>
		<link type="text/css" rel="Stylesheet" href="css/bulldozer.css" media="screen" />
        <link rel="shortcut icon" href="favicon.ico" />
	</head>
	<body>
	
 	<div id="logo"> </div>
	
	
	<div id="header-menu"><br /><br />
	Последни теми от форума <br>
	<div id="last">
	     
	
	</div>
	</div>
	</body>
	</html>

bulldozer.css
Код:
html, body {height : 100%; background : #1a191a; color: #FFFFFF; font: 15px arial; margin: 0px; padding: 0px }

#logo {background: url(../img/logo.png) width: 865px; height: 220px; border: 1px solid red;}

#header-menu {background: url(../img/header-menu.png) repeat-y; width: 1043px margin: 0 auto;}

#last {background: url(../img/last-bg.png) no-repeat; width: 525px; height: 138px; padding: 50px 0 0 35px; font-size: 10px; font-weight: bold;}

Ако някой предпочита на скайпа да ми пише - bulldozer-bg
Благодаря Предварително :?:
 
Ами логото не ти се вижда, защото си изтървал ' ; '

#logo {background: url(../img/logo.png); width: 865px; height: 220px; border: 1px solid red;}

#header-menu {
padding: 0 0 0 20px;
width: 1023px;
background: url(../img/header-menu.png) repeat-y; margin: 0 auto;}


Падинга - когато имаш width колкото падинг добавяш от ляво или от дясно , с толкова вадиш от ширината.

п.с. с тая ширина 1043 на 17" монитор ще имаш скрол долу.
 
shterev каза:
Ами логото не ти се вижда, защото си изтървал ' ; '

#logo {background: url(../img/logo.png); width: 865px; height: 220px; border: 1px solid red;}

#header-menu {
padding: 0 0 0 20px;
width: 1023px;
background: url(../img/header-menu.png) repeat-y; margin: 0 auto;}


Падинга - когато имаш width колкото падинг добавяш от ляво или от дясно , с толкова вадиш от ширината.

п.с. с тая ширина 1043 на 17" монитор ще имаш скрол долу.
Мерси това ми помогна.А как да преместя менюто за последни теми от форума (last) и текста му както е на картинката където е показано как ще бъде дизайна?
 
Код:
<div id="header-menu">
				<h2>  Последни теми от форума</h2>
				<div style="width:200px; float:left;"> Формула изрязва картинките</div>
				<div style="width:300px; float:right;" id="last">
					мену
				</div>
				<div style="clear:both;"></div>
			
			</div>

Използваш флаотинг.
 
shterev каза:
Код:
<div id="header-menu">
				<h2>  Последни теми от форума</h2>
				<div style="width:200px; float:left;"> Формула изрязва картинките</div>
				<div style="width:300px; float:right;" id="last">
					мену
				</div>
				<div style="clear:both;"></div>
			
			</div>

Използваш флаотинг.

+1

Благодаря ти за бързата помощ. :?:
 

Back
Горе