Вход | Регистрация | FAQ
Anonymous

Шапка

+ Ответить

Сообщений: 2 Страница 1 из 1


Шапка

VLADInew » Пт ноя 25, 2011 2:29 pm

Добрый день!
Я еще только учу HTML и CSS. По этому прошу помочь. Примеров нигде не нашел.
Вот данные:
HTML

<html>
<head>
<title>SV</title>
<link type="text/css" rel="stylesheet" href="style/default.css">
</head>
<body>
<div class="shapka"></div>
</body>
</html>

CSS

body {
background: url("../images/shapka.png") scroll center top #b4b4b4;background-repeat: no-repeat;
}
.shapka {
position: relative;
float: left;
width: 800px;
height: 150px;
left: 50%;
margin-left: -400px;
border: solid 1px #ffffff;
margin-top: -9px;
}

Вышло все нормально.
Но вот загвоздка.
Хотел по бокам шапки добавить фото, картинку.
Перепробовал все, не выходит несколько картинок.
Подскажите, где прописывать значения, что бы не было отступов по верху и краям.
Заранее благодарю.
Аватара пользователя

VLADInew

  • Сообщения: 1
  • Зарегистрирован: Пт ноя 25, 2011 2:04 pm

Re: Шапка

atik » Вт ноя 29, 2011 1:09 pm

Хотя я не понимаю вашего вопроса в полном объеме. Попробуйте это правило стиля

body {
background: url("../images/shapka.png") scroll top center #b4b4b4;background-repeat: no-repeat;
}
.shapka {
position: relative;
width: 800px;
margin: 0 auto;
border: solid 1px #ffffff;
margin-top: -9px;
overflow: hidden;
min-height: 150px;
}
</style>
Аватара пользователя

atik

  • Сообщения: 471
  • Зарегистрирован: Пн окт 17, 2011 4:55 pm


+ Ответить

Страница 1 из 1