Проблема с новостями

azarkin7 · January 2, 2011

Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс

<!DOCTYPE html>
<html>
<head>
<title>My verst</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--Верх-->
<!--Верхняя строка-->
<div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div>
<!--Верхняя строка(end)-->
<!--Шапка-->
<div class="hds">&</div>
<!--Шапка(end)-->
<!--Нижняя строка-->
<div class="hdz">&</div>
<!--Нижняя строка(end)-->
<!--Верх(end)-->
<!--Левый блок-->
<div align="left">
<div class="l-b">
<div class="l-bn">Меню</div>
<ul type="circle" >
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
</ul>
</div>
<div class="l-b">
<div class="l-bn">Меню</div>
<ul type="circle" >
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
</ul>
</div>

<div class="l-b">
<div class="l-bn">Меню</div>
<ul type="circle" >
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
<li>Главная</li>
</ul>
</div>
</div>
<!--Левый блок(end)-->
<div align="center">
<content>Новости</content>
</div>
</body>
</html>

КСС

body{margin:auto;}
.hd{background:#3d3d3d; width:100%; height:25px; font-size:16px; color:#CCC }
.hds{background-image:url(img/head-bg.png); width:100%; height:200px}
.hdz{background-color:#000; color:#FFF; width:100%; height:31px}
.l-b{width:15%; background-color:#CFF; margin-top:10px}
.l-bn{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-align:center}
content{ color:#0F0;}

Temiks · January 2, 2011

исправте доктайп на один из списка

http://htmlbook.ru/samhtml/struktura-html-koda

Можно вместо

<content>Новости</content>

написать например

<h1>Новости<h1>

для валидности

azarkin7 · January 2, 2011

попробывал...не помогает

Temiks · January 2, 2011

можно сделать дивы в главном диве как тут

http://htmlbook.ru/layout/fiksirovannaya-s...vigatsiya-sleva

а сейчас у вас вот что

http://imm.io/2SlY

попробывал...не помогает

проблема не в этом покашто

исполуйте например такой доктайп

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

azarkin7 · January 2, 2011

пробывал... также

Temiks · January 2, 2011

float:left

как то так

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Облом</title>
<style type="text/css">
	.container {
		width: 100%;
		height: 100%;
		background-color: gold;
}
.header {
	width: 100%;
	height: 150px;
	background-color: red;
}
.leftcol {
	width: 200px;
	height: 600px;
	background-color: green;
	float: left;
border: 1px solid black;
}
.rightcol {
	height: 600px;
	background-color: lightcoral;
}
.footer {
	height: 70px;
	background-color: red;
	float: none;
}
	</style>
  </head>
  <body>
	  <div class="container" >
		  <div class="header" >
			  Шапка
		  </div>
		  <div class="leftcol" >
			  <ul>
				  <li>
					  О сайте
					  <ul>
						  <li>
							  Новости
						  </li>
					  </ul>
				  </li>
			  </ul>

		  </div>
		  <div class="rightcol" >
			  <p>Новости</p>
		  </div>
		  <div class="footer" >
			 Футер
		  </div>
	  </div>

  </body>
</html>

azarkin7 · January 2, 2011

просто если я добавлю еще и правый блок то будет как ступеньками. мн бы вот сделать чтобы начинались на одном уровне

Sign In

Проблема с новостями

Question

azarkin7

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Temiks

Link to comment

Share on other sites

azarkin7

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

azarkin7

Link to comment

Share on other sites

Temiks

Link to comment

Share on other sites

azarkin7

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information