Доброго времени суток всем)))
Вопрос очень нубский, да я и сам еще нуб, только учусь, так что хотелось что бы мне здесь помогли, а не высмеяли. Совсем недавно решил заняться версткой, и после пары уроков и статей, попытался сам самостоятельно сверстать что-то. Но видимо не до конца понял. Суть вопроса такова; почему логотип, и иконка социальных сетей не находятся на одном уровне? Как тег "выталкивает" другой или ошибка в стилях?
Простите за г***о-кодерство)))
Сразу скажу, что начинаю так сказать свое обучение с самых основ, поэтому специально не пользуюсь всякими 960gs и Bootstrap.
Вот собственно код(если это так можно назвать), а вот и результат.
P.S Понимаю что глупо спрашивать, но все же спрошу, может кто-нибудь в дальнейшем мне поможет, я имею ввиду менторство, зарание спасибо всем.
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
<div class="logo">
<a href="#" class="logo"><img src="img/logo.png" alt="#"></a>
<div class="facebook">
<a href="#" class="facebook"><img src="img/facebook.png" alt="#"></a>
</div>
</div>
</div>
</body>
</html>
body {
background-color: #eeeeee;
}
.header {
height: 600px;
background-image: url(../img/h_baner.png);
width: 100%;
position: absolute;
background-position: top center;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.logo {
margin-top: 50px;
margin-left: 100px;
}
.facebook {
margin-top: 50px;
margin-left: 400px;
}
