Вопрос по css

123
footballstar
На сайте с 20.07.2010
Offline
94
#11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Практика верстки</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="content">
<div id="header">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#1231">Главная</a></li>
<li><a href="#">Главная</a></li>
</ul>
</div>
<div id="logo"></div>
</div>
</html>

))) вот html

Tenarius
На сайте с 09.02.2012
Offline
14
#12

css будет такой

body {

background: #c5c5c5;
}
#content {

margin: 0 auto;
width: 800px;
}
#header {
background: #ccc;
width:800px;
height: 34px;
}
#header ul {
margin: 0 auto;
list-style: none;
font-family: Verdana;
float: left;
}
#header ul li {
float: left;
}
#header ul li a {
color: #FFF;
font-size: 16px;
padding: 0 15px;
text-decoration: none;
}
#header ul li a:hover {
color: red;
}
#header ul li a:visited {
color: #ffc;
}
#logo {
background: #990099;
width: 335px;
/* left: 283px;*/
float: left;
height: 109px;
display: block;
position: relative;
}
#inf {
background: #fff;
width: 309px;
height: 104px;
float: left;
display: block;
}

хтмл без изменений

Мне нужны деньги...
footballstar
На сайте с 20.07.2010
Offline
94
#13

Tenarius, спасибо, все работает.

Не могли бы вы мне объяснить, что я не правильно сделал?

Tenarius
На сайте с 09.02.2012
Offline
14
#14

Лучше даже сделайте так:

#header ul {

list-style: none;
font-family: Verdana;
}

И завязывайте использовать повсюду float:left, в данном случае он вам ниразу не нужен. Вы только лишний раз перемещаете блоки туда-сюда и получается что одним своим действием вы фиксите другое действие, причем совершенно бессмысленное.

footballstar
На сайте с 20.07.2010
Offline
94
#15

Tenarius, спасибо)

Vauquelin
На сайте с 02.09.2012
Offline
9
#16

ну и для #logo можно убрать display: block; div он по-умолчанию блочный элемент, и не зачем это указывать.

Geers
На сайте с 12.04.2011
Offline
487
#17
Vauquelin:
ну и для #logo можно убрать display: block; div он по-умолчанию блочный элемент, и не зачем это указывать.

Сами то поняли что сказали? 😂

Vauquelin
На сайте с 02.09.2012
Offline
9
#18

Geers, я сказал что-то не то?

website
На сайте с 25.02.2011
Offline
30
#19
Geers:
Сами то поняли что сказали? 😂

div и есть блок. это если его переназначить нужно с другого свойства display, прописывают block, что вернет его предыдущее состояние.

И дай вам Бог того вдвойне, чего желаете вы мне!
WebJunior
На сайте с 11.06.2010
Offline
155
#20

гы-гы. Geers троллит. 🤪

Мой сайт на этом хостинге - https://tuthost.ua/?from=2558 / Верстаю шаблоны (темы с отзывами: https://searchengines.guru/ru/forum/763758, https://searchengines.guru/ru/forum/600404 ).
123

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий