Не отображаются в заголовке в index.html

19

bulletpro_0f

15 января 2013, 19:52

411

Здраствуйте. Начал изучать html и css, проблема в том что я css вроде прописал стили заголовка а они не отображаются...

вот 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>

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

	<link rel="stylesheet" type="text/css" href="style.css" />

	<title>Untitled Document</title>

</head>



<body>

<div class="main">

 <div class="head ">

	 <h2>Выбери своё<br />Путешествие</h2>

	 <a href="/">YOUR TRAVEL</a>

	</div>

	<div class="content-main"> 

	<ul class="menu">

		<li><a href="#">Главная</a></li>

		<li><a href="#">Автор</a></li>

		<li><a href="#">Контакты</a></li>

		<form class="search-main" action="" method="">

		 <input class="search-txt" type="text" name="search" />

		 <input class="search-btn" type="image" src="images/search.jpg" />

		</form>

		</ul>

		<br></br><br></br><br></br>

		

		<div class="content">

		<div class="post-main"

		<h1><a href="#">Букингемский дворец</a> <span>(13.01.12)</span></h1>

		<div class="post">

		<img src="images/plaice.jpg" alt="" />

<p>Изначально Букингемский дворец в Англии всемирно назывался как  Бакингем-хаус, который был построен для великого герцога Букингемского. В последующих 75 годах нанятые архитекторы сконструировали ещё несколько подобных здания, взяв за основу этот дворец. Они совмесно образуют квадрат, где посредине находится большой двор. В 1837 году Букингемский дворец в Англии был оффициально объявлён резиденцией монархов британии. Сегодня же резиденция в Англии представлена в лице Елизаветы II.

</p>	

<p>Несмотря на то, что дворец был очень раскошным и в нём хранилось множество драгоценностей, некоторым его обитателям не всегода жилось счастливо и спокойно. Букингемский дворец Англии является небольшим скоплением художественных собраний королевы с очень известными авторами.

</p>

<p><a href="#">Читать далее</a></p>

<p>Метки: <a href="#">Англия</a>, <a href="#">Букингемский дворец</a></p>

		</div> 

 </div>		

 </div>

 </div>

 </div>

</body>

</html>

______________________________

а вот сss

/* CSS Document */

*{

	margin:0; padding:0;

	}

body{

 background: #edece8 url(images/bg-body.jpg) center top no-repeat

 }

 .main {

	width:970px; margin:0 auto;

	}

	.head{

	height:250px;

	}

		.head h2 {

		font: 24px "Sylfaen"; color: #010101; margin-top:10px; float: left;

		}

	.head a{

	font: 25px "Comic Sans MS"; color:#961e0a; text-decoration:none; float:right; margin: 20px 10px 0 0;

	}

		/*блок контекта и категорий*/

.content-main{

background: #f7f7f7; border: 1px solid #ffff; overflow:hidden;  /* обводка 1 пк, сплошная цветом белым, а фон цвет ф7ф7ф7. overflow всегда писать если float*/

border-radius: 15px;

}

	.menu{

	list-style:none; background: #726867; overflow:hidden;

	border-radius: 15px 15px 0 0;

	

	} 

	.menu li{

	float:left; background: url(images/bg-menu.jpg) left center no-repeat; padding:10px 35px;

	}

	.menu li:first-child{ float-left; padding 10px 35px; background:none;

	}

	.menu li a{

	font:20px "Comic Sans MS"; color:#ffffff; text-decoration:none;

	}

	.menu li a:hover{

	font:20px "Comic Sans MS"; color:#ffffff; text-decoration:underline;

	}

	.search-main{

	float:right;  margin:-7px 25px 0 0;

	}

	.search-txt{

	height:23px; width:230px; background: #f7f7f7; border: 1px solid #fff; margin: 0 10px 0 0;              /* отступ между поиском и кнопкой*/

	border-radius: 2px;

	}

	.search-btn{

	position:relative; top:14px;    /* относительно данной позиции отступ от верха на 14 пкс*/

	}



	.content{

	width: 700px; float:left; margin: 0 0 0 20px;  /*ширина контента и отступ от лев края*/

	}

	

			.post-main{

			background: #f1edee; border:1px solid #eae8e8;

			border-radius: 8px;

			}

				.post-main h1{

				font:normal 24px Verdana; color:#4a4342; background: #ded9da;	  /* стили для заголовка статьи цвет шрифт и т.д*/

				padding: 5px 20px 8px 15px; margin:0 0 5px 0;

				}

					.post-main h1 a{

					font:normal 24px Verdana; color:#4a4342; text-decoration: underline;

					}

ПОследняя выделенная часть жирным вообще не выводит стиль заголовка.

775

богоносец

15 января 2013, 21:21

#1

bulletpro_0f:
<div class="post-main"
<h1>

> вставьте, попробуйте.

<h1>

138

Gennadi

15 января 2013, 21:42

#2

скобочку действительно нужно закрыть. а что вы от заголовка хотите большой, синенький, подчеркнутый что не так?

S

130

spiderbuber

16 января 2013, 01:38

#3

Если только начал, используй визуальный редактор с подцветкой кода и ошибок - самому проще будет.

S

130

spiderbuber

16 января 2013, 01:38

#4

Если только начал, используй визуальный редактор с подцветкой кода и ошибок - самому проще будет.

Переиграть и победить: как анализировать конкурентов для продвижения сайта

Яндекс Вебмастер вынес товарные фиды в отдельный раздел