Помогите с CSS/HTML

7sies · 12.05.2013, 16:20

Код:

body{margin:0; padding:0; font:14px Calibri; background:url(../files/images/index_bg.png) repeat #444444;}
a{text-decoration:none;}
#head{height:128px; background:url(../files/images/head_bg.png) repeat-x; border-bottom:1px solid #0D0D0D;}
	#logotype{padding:47px 4%; float:left;}
	#logotype a{background:url(../files/images/logocraft.png) no-repeat; display:block; width:370px; height:35px;}
	#advert{padding:34px 4%; float:right;}
	#advert a{background:url(../files/images/468x60.png) no-repeat; display:block; width:468px; height:60px;}
#container{width:915px; margin:20px auto;}
	#sidebar{width:230px; float:left; background:url(../files/images/side_bg.png) repeat #DFD5D3; box-shadow:0 0 5px rgba(50, 50, 50, 1);}
	.cat{margin-left:5px; background:url(../files/images/cat_bg.png) 0 0 repeat-x; width:220px; height:21px;}
	.cat:hover{background-position:0 -21px;}
	.cat a{display:block; font-size:14px; color:#E3D8D7; text-shadow:#000000 1px 0 3px;}
	.cat a:hover{color:#FFFFFF;}
		.title{background:url(../files/images/side_title.png) repeat-x #38271B; height:31px; font:18px Calibri; font-style:regular; color:#E8D0CD; text-align:center; text-shadow:#000000 0 0 3px; margin-bottom:5px; padding-top:5px;}
	#content{width:665px; height:500px; float:right;}
		.news{background:url(../files/images/news_bg.png) repeat #EFEAE9; box-shadow:0 0 5px rgba(50, 50, 50, 1); margin-bottom:20px;}
	.clr{clear:both;}
#foot{height:70px; background:url(../files/images/foot_bg.png) repeat-x;}

Код:

<!DOCTYPE html>
<html>
<head>
	<title>BeastCraft.ru</title>
	<link rel="stylesheet" href="files/greenart.css" type="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<div id="head">
		<div id="logotype"><a href="http://beastcraft.ru" alt="Блог о minecraft"></a></div>
		<div id="advert"><a href="http://beastcraft.ru" alt="Заказать рекламу"></a></div>
	</div>
	<div id="container">
		<div id="sidebar">
			<div class="title">Навигация</div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="cat"><a href="http://beastcraft.ru/category" alt="Описание">Категория</a></div>
			<div class="title">Реклама</div>
		</div>
		<div id="content">
			<div class="news">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
			Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
			when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
			It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
			It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
			and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
			Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, 
			accompanied by English versions from the 1914 translation by H. Rackham.
			</div>
			<div class="news">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
			Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
			when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
			It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
			It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
			and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
			Contrary to popular belief, Lorem Ipsum is not simply random text. 
			It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. 
			Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, 
			consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. 
			</div>
		</div>
		<div class="clr"></div>
	</div>
	<div id="foot"></div>
</body>
</html>

Обоев Серёга · 15.05.2013, 08:00

На счёт футера(подвала) можно сделать верхний отступ от новостей. Поменяйте в файле greenart.css строчку:

Цитата:

#foot{height:70px; background:url(../files/images/foot_bg.png) repeat-x;}

на строчку:

Цитата:

#foot{height:70px; background:url(../files/images/foot_bg.png) repeat-x; position:relative; top:-20;}

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Открываются html-коды вместо страниц...помогите пожалуйста.	yakuZa	Безопасность	3	03.03.2012 14:34
Помогите, пожалуйста. Страницы открываются в HTML.	ulcer2008	Безопасность	3	14.02.2012 10:55
Помогите! html-код вместо страницы... =((	NikaVero	Безопасность	8	05.02.2012 02:01
Вместо страницы Html код!помогите	TITO93	Безопасность	4	22.01.2012 23:17
Помогите, у меня вместо интернет страниц грузится их HTML код(((	19igor98	Безопасность	2	22.10.2011 23:18

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)

Ads