Проблемы с вертикальным меню и с текстом п в главном окне

Gudzyk · March 27, 2009

доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" media="screen" href="screen.css">
</head>
<body>
<div id="top"> </div>
<div id="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Регистрация</a></li>
<li><a href="#">Файлы</a></li>
<li><a href="#">donsja</a></li>
<li><a href="#">Форум</a></li>
</ul>
</div>
<div id="content">
<p>Fishshshshhshshshshshshhshshshshshshshshhshshshshshs

</p>
</div>
</body>
</html>

вот цсс код:

*{
padding: 0;
margin: 0;
}
html{
background: #000;
}
#top {
position:relative; 
border: 0px solid #000; 
height:399px;
width:927px; 
text-align:center; 
background:#f4f url(head.png) no-repeat center top;
margin-left:15%;
}
#menu {
position:relative;
border: 0px soild #000;
height:36px; 
width:927px; 
text-align:center;
background: #456 url(menu.png) no-repeat center top;
margin-left:15%;
}
#content {
position:relative; 
border: 0px solid #000; 
height:257px; 
width:927px; 
text-align:center; 
background:#fff url(text_body.png) no-repeat center top;
margin-left:15%;
}
#menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 margin-left:135px;
list-style-type:none;
}
#menu li {
 display: inline;
 float: left;

}
#menu li a {
 display: block;	
 padding: 7px 20px;
 text-decoration:none;
 margin-left: 15px;
 }
#content p{
position:relative;
margin-left: 20px;
text-align:left;

}

А проблема заключаэтся во в чем, можно ли каждый пункт меню отдельно от других позиционировать и вообще актуально ли это делать. Просто пункты меню находятся не по средине каждой из ячеек, как достичь того, чтоб каждый пункт меню был в ценре каждий из ячеек. ДА и ще, в центральном окне, никак не могу текст отлепить от левого края. Почему? очень сильно надеюсь на вашу помощь.

Searcher · March 27, 2009

Скопировал ваш код, посмотрел в броузере и не понял проблемы... Пункты меню нормально отпозиционированы, ячеек там нет никаких... Что вы называете ячейками? Текст отлеплен от левого края, поскольку у вас так и стоит для тэгов p margin-left: 20px;.

Sign In

Проблемы с вертикальным меню и с текстом п в главном окне

Question

Gudzyk

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information