Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.03.2013, 21:28   #1
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию Можно ли менять фон кнопок разной длины в горизонтальном меню на roll-over c CSS?

Есть навигационная панель (белый шрифт кнопок на красном фоне (шрифт подгружен по CSS)). Необходимо чтобы на roll-over мыши красный фон кнопки менялся на розовый, а на активной странице фон становился синим. При этом шрифт остается белым.

Можно ли реализовать это с помощью CSS или придется делать три набора файлов для каждой кнопки (красный фон, розовый и синий)?

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

Спасибо!
Изображения
Тип файла: jpg navigation.jpg (30.3 Кб, 85 просмотров)
shavedcat вне форума Ответить с цитированием
Старый 10.03.2013, 01:15   #2
Лубышев
Участник клуба
 
Аватар для Лубышев
 
Регистрация: 23.07.2007
Сообщений: 1,054
По умолчанию

Не совсем понятно что вы хотите.... может я уже старик и не понимаю что такое ролловер... но помог бы. если бы понял что хотите
Писано по д'Эльфийски
Лубышев вне форума Ответить с цитированием
Старый 10.03.2013, 04:58   #3
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Когда все тихо - красное
Когда курсор наводится на кнопку - розовое.
Открытая страница - синий фон на ее кнопке.
shavedcat вне форума Ответить с цитированием
Старый 11.03.2013, 11:20   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Эффект при наведении создаст псевдо-класс :hover.
"Выбранный элемент" награждается отдельным классом при выдаче контента или скриптом при аяксах. В идеале он вообще не должен являться ссылкой, ибо моветон ссылаться на самого себя.

Цитата:
может я уже старик и не понимаю что такое ролловер
ActionScript-слэнг=)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 11.03.2013, 20:58   #5
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Дык а про фон-то что? То что Вы объясняете я знаю. Это будет работать для текста. А мне не ндо текст менять при наведени имыши, мне надо менять фон. Ядумал это можно сделать кк-то не описывая размер каждой кнопки отдельно.

Кстати, сам на себя никто не ссылается. Синий фон не является кнопкой.
shavedcat вне форума Ответить с цитированием
Старый 11.03.2013, 21:19   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Фон для текста мэй би?
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 21.03.2013, 06:46   #7
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Фон для текста мэй би?
DA!!! Фон для текста!
shavedcat вне форума Ответить с цитированием
Старый 22.03.2013, 00:00   #8
Валерьян
Пользователь
 
Регистрация: 07.03.2013
Сообщений: 23
По умолчанию

Цитата:
Сообщение от shavedcat Посмотреть сообщение
DA!!! Фон для текста!
background-color в a hover может быть попробовать, если понял, о чём вы?
Валерьян вне форума Ответить с цитированием
Старый 22.03.2013, 01:09   #9
Johnatan
Antimoderаtoris
Участник клуба
 
Регистрация: 08.02.2008
Сообщений: 1,251
По умолчанию

shavedcat
Так?
http://jsfiddle.net/JenLN/1/
98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?
Johnatan вне форума Ответить с цитированием
Старый 29.03.2013, 00:44   #10
shavedcat
Пользователь
 
Регистрация: 16.04.2009
Сообщений: 65
По умолчанию

Цитата:
Сообщение от Johnatan Посмотреть сообщение
Да! Спасибо большое!!!
shavedcat вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как объеденить два одномерных массива разной длины? Artur1992 Помощь студентам 3 26.12.2010 20:26
сравнение строк разной длины Ks2010 Общие вопросы Delphi 2 13.07.2010 12:46
менять свойства кнопок prostac Помощь студентам 4 22.01.2010 16:09
Фон с css Maxx HTML и CSS 12 14.01.2010 11:54
Фон с Css Shahmatist HTML и CSS 9 16.10.2009 22:06