Вопросы и ответы
Топ за год Облако тегов  

Проблема с вёрсткой

программирование html css сайты вёрстка

Без имени, 583 просмотра
0
Имеется небольшая шапка, где должны находится несколько кнопок и логотип (просто название сайта) . Располагаться должно в таком порядке: ссылка-кнопка (прижата слева) , по центру логотип, кнопка (прижата справа) . .,,<div id="header">
<a class="menu" href="index.html">Меню</a>
<a class="logo" href="index.html"><b>Название сайта</b></a>
<a class="add" href="index.html">+</a>
</div>
...

#header{
margin:0 auto;
height:32px;
background: #333;
position:fixed;
width:100%;
z-index:1;
}

.logo{
text-decoration:none;
color:white;
font-variant:small-caps;
font-size:large;
display:block;
margin-top:5px;
text-align:center;
}

.menu{
float:left;
}

.add{
float:right;
}



Что бы название сайта поставить в середину пришлось задать display:block, соответственно всё остальное переносится на другую строку. Как быть?
Ответы:
Maelstrom
А кто мешает поместить это все в таблицу с тремя клетками и не мучаться? :)
Но если прямо очень хочется дивами, то задавайте display:block всем трем элементам.
AdmGelax
там вообще все по другому верстать нужно, но, конкретно для вашего примера -
в css .logo { добавить -
position: absolute;
width: 100%;
}
и добавить такое в css
body {
   margin:0px;
}
MaryanPl
<style>
#header{
margin:0 auto;
height:32px;
background: #333;
position:fixed;
width:100%;
z-index:1;
}


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.