Проблемы в CSS (Cascading Style Sheets)

интернет проблема html css веб дизайн

Некорректно отображаются кнопки в верхней панели сайта, исходник тут: http://pastebin.com/mBZFaumn
Причем, если убрать div обертку (#buttons) вокруг кнопок, то будет неправильно работать псевдокласс hover. Посмотрите (http://pastebin.com/mBZFaumn) поймете в чем проблема. Тапками прошу не кидаться потому что пока еще нуб в этом деле.

Примечание:
точку с запятой исправил, все равно ничего толкового не дало.

Примечание:
вот отредактированный исходник : http://pastebin.com/pfjDT8hg

Примечание:
Закрывающий тег </html> отсутствует т.к. пришлось style.css и index.php компоновать в один html файл, а по ходу дела этого копирования он потерялся. Все равно спасибо.

Что же касается отображения, то эти кнопки должны отображаться в одну строку на панели, а здесь она почему то дублируется (да-да именно так, если в стиле #head вместо background-color: red; поставим картинку, то мы это увидим ), если мы убираем <div id="buttons"></div> то они будут отображаться в одну строку, но при этом #main_button:hover будет работать не только при наведении на #main_button, но и на #head. Самое интересно, что у нас две ссылки (Помощь и Книги) поэтому head будет делиться на две части, при наведении на одну будет срабатывать один hover, при наведении на второю другой.

Примечание:
переделывание id в class не помогло. Jet Snail, может в ЛС? [email protected]
Ответы:
^^
В стилях #buttons нет точки с запятой после "text-align: center".
Где тег <html>? Верстка это прежде всего тщательность. Или вы всю жизнь будете просить других выискивать ваши ошибки? Что вы называете "некорректным отображением". Предлагаете нам погадать на кофейной гуще?
>№3:
На странице не может быть несколько тегов с одним и тем же id. С классом могут. А у вас каждая кнопка обёрнута дивом с одним и тем же id;
>#4 добавьте классу .main_button свойство float:left; Я вам в здешние "Сообщения" написал.
Извините, но такое можно накрутить только после полугодичного глубокого запоя...
Вы чего накрутили?!!)))
style, title должны располагаться в head, кнопки в body...


11 лет назад

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

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

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