By
RuslanHeYca4ev
В общем, учусь верстать. Итак, проблема вот в чем, я сделал шапку для сайта, но при увеличении страницы(ctrl+scroll мышки), шапка съезжает, она уже не по центру страницы, а по абзацам. Я смотрел на другие сайты и у них шапка остается на месте, как и в общем все, а у меня шапка съезжает, уже не в строчку остается. Плохо объясняю я. В общем, этот код введите, и увеличьте страницу и думаю поймете в чем моя проблема.
P.S. чем отличается id от class и как лучше верстать страницы, таблицами или слоями.
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Заголовок</title><link rel="stylesheet" type="text/css" href="2.css"></head><body><header><div id="" class="center"> <ul> <li><a href="">Главная</a></li> <li><a href="">Список серверов</a></li> <li><a href="">Контакты</a></li> <li><a href="">Бугагашенька</a></li> </ul></div></div></header><footer>Днище сайта</footer></body></html><!--Атрибут "title" делает мини подсказку при наведении на текст--><!--Атрибут "align" выравнивает текст--><!--Тег "br" убирает отступы--><!--Тег "p" новый абзац--><!--Атрибут "src" задает путь к файлу--><!--Тег "hr" создает линии-->*{ margin: 1; padding: 0; outline: none;}.center { text-align: center;} a { background: #404040; text-decoration: none; /* Отменяем подчеркивание у ссылки */ color: #FFF; /* Цвет ссылок */ display: inline-block; /* Блочный элемент */ padding: 20px 50px; /* Поля вокруг текста */ border-right: solid 1px #EDE5F4; transition-property: background; transition-duration: 1s; transition-timing-function: ease; } a:hover { background: #DB073D; } li { color: #FFF; display: inline-block; /* Строчно-блочные элементы */ background: #CA181A; /* Цвет фона */ margin-right: -4px; /* Расстояние между пунктами меню */ padding: 1 5px; } header { display: block; opacity: 1; } body { background: #8EC7D2; } footer { position: relative; text-align: center; font-size: 20px; padding-top: 750px; }
Question
Vopub
Исходный код-http://pastebin.com/vkBjpVK6
Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что)
Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда
Если кто-то может помочь с данной проблемой,просьба отписаться
Буду рад любой помощи!
Link to comment
Share on other sites
18 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.