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



 

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

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

Открыть тему
Тема закрыта
> Меню список с указателями
lesnik22
lesnik22
Topic Starter сообщение 2.8.2009, 19:48; Ответить: lesnik22
Сообщение #1


Добрый вечер! Подскажите пожалуйсто как с помощью сss, сделать вертикальное меню, простой список, но чтобы стояли указатели перед каждым пунктом и при наводе курсором указатель например менял цвет? Я так понимаю нужноиспользовать list-style-image?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 2.8.2009, 20:17; Ответить: Apay
Сообщение #2


css, в которых разный background-image
a { background: url(img1.jpg) no-repeat; padding-left: 20px; }
a:hover { background-image: url(img2.jpg); }
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lesnik22
lesnik22
Topic Starter сообщение 3.8.2009, 0:50; Ответить: lesnik22
Сообщение #3


спасибо! Единственное, получается, нельзя наложить имедж первый с имеджом hovera, получается наводишь курсор и две стрелки...Как можно отладить?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 3.8.2009, 8:12; Ответить: Apay
Сообщение #4


не понял, нужно чтобы первый image оставался и появлялся второй?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lesnik22
lesnik22
Topic Starter сообщение 3.8.2009, 10:31; Ответить: lesnik22
Сообщение #5


нет, наоборот, надо чтобы первая стрелка заменялась на hover стрелку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 3.8.2009, 11:03; Ответить: Apay
Сообщение #6


я же уже написал именно на этот случай, css
div.menu  a { background: url(img1.jpg) no-repeat; padding-left: 20px; }
div.menu a:hover { background-image: url(img2.jpg); }

<div class="menu">
<a href="item1.html">Item 1</a><br />
<a href="item2.html">Item 2</a><br />
<a href="item3.html">Item 3</a>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Rost_hb
Rost_hb
сообщение 3.8.2009, 21:04; Ответить: Rost_hb
Сообщение #7


(alekslkta @ 3.8.2009, 03:50) *
спасибо! Единственное, получается, нельзя наложить имедж первый с имеджом hovera, получается наводишь курсор и две стрелки...Как можно отладить?


Посмотри в Гугле тему "css-спрайты". Для кнопок меню это то, что надо. Изменение положения background-картинки у ссылки средством css, без javascript.

Вот ссылка из своих закладок на эту тему
http://cssmake.ru/component/content/article/7/111.html

А вообще в Гугле на эту тему хватает статей...

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыБелый и чёрный список копирайтеров и рерайтеров.
15 GVA 8775 7.11.2019, 18:53
автор: mkreine
Открытая тема (нет новых ответов) Список всех зарегистрированных доменов. Более 290 млн
12 phosphoruss 8809 25.10.2019, 23:50
автор: uahomka
Открытая тема (нет новых ответов) MARKETCALL: кидалы, черный список, мошенники, не платят, кидают, кидалово
4 kuprum 2830 7.10.2019, 22:28
автор: Kiloan_Frost
Открытая тема (нет новых ответов) Есть небольшой список сайтов-доноров позволяющих размещать в комментах безанкорные dofollow ссылки
0 Tutich 1581 15.7.2019, 12:30
автор: Tutich
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR


 



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