Помощник
|
Как сделать кнопки с подсветкой |
brokkoli
|
Сообщение
#1
|
||
|
|
||
|
|||
sogologo |
15.1.2012, 15:22;
Ответить: sogologo
Сообщение
#2
|
|
привет
а вы какие средствами это делаете?? через js чтоли ну вы даете... в css это делается через class:hover {...} пример: /*класс отображения по дефолту*/ .className { color:green; } /*класс отображения по наведению*/ .className:hover { color:red; } Работает во всех браузерах. |
|
|
brokkoli
|
Сообщение
#3
|
|
=))
Спасибо! А если мне нужен не цвет фона, а картинка, которая будет фоном? |
|
|
yury_mw |
15.1.2012, 16:06;
Ответить: yury_mw
Сообщение
#4
|
|
brokkoli,
рисуем кнопку размером 150х40px Фон лежит в картинке button.png 150х80px — в ней хранятся оба состояния кнопки, одно под другим: вверху обычное, сразу под ним то, которое с подсветкой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
|
|
yury_mw |
15.1.2012, 16:48;
Ответить: yury_mw
Сообщение
#5
|
|
|
|
|
xilgiz |
15.1.2012, 17:27;
Ответить: xilgiz
Сообщение
#6
|
|
Думаю, сейчас на IE 6 можно и не обращать особого внимания...
|
|
|
brokkoli
|
Сообщение
#7
|
|
Спасибо всем за советы!
Мне требуется создать горизонтальное меню. Каждый пункт меню это <li> . В style.css я описываю как должна выглядеть отдельная кнопка меню, но видимо что-то неверно и кнопки отображаются некорректно, не такие как я для них картинку рисовал (button.png) =( Помогите, пожалуйста. #menu li {
display:inline; width: 100px; height: 24px; background: url(/images/vse/button.png) no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; /* Размер шрифта в пунктах */ font-variant:small-caps; margin-right:0px; margin-left:70px; padding-left:0px; } |
|
|
brokkoli
|
Сообщение
#8
|
|
Разобрался, только не могу убрать отступы между ячейками-кнопками...паддинги нигде не прописаны, а отступ все равно есть. Подскажите, пожалуйста, как его убрать? и выровнять кнопки по центру? Сайт: stellaji-pro.ru
|
|
|
matroskin8 |
17.1.2012, 20:04;
Ответить: matroskin8
Сообщение
#9
|
|
brokkoli, Вы используете для элементов #menu li свойство display со значением inline-block. Недостатком этого значения является то, что элементы, с назначенным inline-block, чувствительны к пробелам. Чтобы решить поблему нужно убрать все пробелы между элементами меню, т.е. в коде:
<ul> <li><a href="/">Главная</a></li> <li><a href="/o-nas/">О нас</a></li> <li><a href="/tseny/">Цены</a></li> <li><a href="/internet-magazin-stellazhejj/">Каталог</a></li> <li><a href="/dostavka/">Доставка</a></li> <li><a href="/montazh-stellazhejj/">Монтаж</a></li> <li><a href="/contacts/">Контакты</a></li> </ul> убираем пробелы: <ul> <li><a href="/">Главная</a></li><li><a href="/o-nas/">О нас</a></li>... и т.д. </ul> Вообще же, лучше обойтись без display:inline-block... лучше использовать float:left. |
|
|
yury_mw |
17.1.2012, 22:05;
Ответить: yury_mw
Сообщение
#10
|
|
|
brokkoli,
горизонтальное меню с кнопками фиксированного размера кодируется, примерно, так: style.css *{ /* Обнуляем отступы везде, а где они будут нужны ненулевыми, там потом их явно пропишем */ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> А тут http://www.masterwebs.ru/index.php?s=&...ost&p=61673 пример горизонтального меню с кнопками нефиксированного размера.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1124 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2297 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3920 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3646 | 24.3.2024, 20:55 автор: Liudmila |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1943 | 23.3.2024, 7:41 автор: Room |
Текстовая версия | Сейчас: 29.3.2024, 11:50 |