X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

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

Открыть тему
Тема закрыта
> Горизонтальное меню (вопросы).
Vjvan064
Vjvan064
Topic Starter сообщение 2.2.2010, 17:01; Ответить: Vjvan064
Сообщение #1


Здравствуйте!
Делаю вот такую менюшку:
[IMG]http://i074.radikal.ru/1002/29/82608d21276dt.jpg[/IMG]

вот код:
[php]
.soln #header {
background: #ffffff;
background-image:url(img/shapka.jpg) ;
background-repeat:no-repeat;
height:240px;
padding:10px 5px;
}
.soln #headerh1 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position: absolute;
left: 545px;
top: 199px;
width: 462px;
height: 38px;
background-color: transparent;

}
.soln #nav {
margin: 5px; /* Отступ для кнопок */
list-style-type : none;
font-size: 10px; /* Размер шрифта в кнопках */
}
.soln #nav li {
margin-bottom: 3px; /* Отступ между кнопками */
position: relative;
display: inline;
float: left;
}
.soln #nav a {
position: relative;
width: 80px; /* Ширина кнопки */
height: 2.0em; /* Высота кнопки */
display: block; /* Отображение кнопок (НЕ МЕНЯТЬ) */
padding: 8px 0px 0px 0px; /* Отступ для текста в кнопках */
padding-right: 0; /* Правый отступ для кнопок */
border: 1px solid #fce909; /* Задание границы кнопки */
background-color: #103f9b; /* Задание фона кнопки */
color: #000; /* Цвет шрифта в кнопках */
text-decoration: none; /* Отмена подчёркивания ссылок */
font-weight: bold; /* Полужирный шрифт */
cursor: pointer; /* Задание типа курсора */
text-align: center;
}
[/php]
где headerh1 накладывается на header (может вовсе и не стоит так делать, но я сделал так:rolleyes:), а сами кнопки находятся в headerh1...
необходимо:
1. Выравнять кнопки по горизонтальной линии желтой и прижать влево.
Пробывал позиционировать с помощью left: ; top: ; width: ; height: ; В эксплорере получается все криво, в остальных нормально. Как быть, чтоб все ровно было?
2. Как сделать, чтобы при нажатии на 1 кнопку она менялась на желтый цвет и такой и оставалась пока не нажмем на другую кнопку?
3. Как скруглить верхние углы у кнопок?
Заранее спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Htmlmaster
Htmlmaster
сообщение 2.2.2010, 19:40; Ответить: Htmlmaster
Сообщение #2


о скруглении углов есть замечательные статьи http://habrahabr.ru/blogs/webdev/30019/ аж 38:boyan:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vjvan064
Vjvan064
Topic Starter сообщение 3.2.2010, 0:37; Ответить: Vjvan064
Сообщение #3


Htmlmaster,
Спасибо!
Сам отвечаю на вопрос №1:sarcastic:
Вместо
position: absolute;

нужно использовать
position: relative;

тогда блок с кнопками закрепится и не будет перемещаться..Как то так..
Кто нибудь, подскажите по-поводу цвета кнопок.


Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vjvan064
Vjvan064
Topic Starter сообщение 3.2.2010, 0:43; Ответить: Vjvan064
Сообщение #4


забираю слова обратно, не помогло:sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lululu1
lululu1
сообщение 9.2.2010, 19:56; Ответить: lululu1
Сообщение #5


Тоже присоединяюсь к вопросу. Во всех браузерах горизонтальное меню нормально отображается, а в эксплорере - лесенкой..
Уже все испробовала.. в чем может быть проблема?

Заранее спасибо!

upd: Выяснилось что нужно поставить doctype:goodpost:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопросы по партнеркам
1 Megoydagi 1357 19.10.2019, 14:07
автор: agrx
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1469 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Вопросы для мастеров СЯ/спецов SEO
программирую полуавтоматический сборщик ключей
1 coremission 3438 3.7.2018, 9:45
автор: coremission
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3416 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw


 



RSS Текстовая версия Сейчас: 25.4.2024, 9:20
Дизайн