- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть меню вида
<div id="menu">
<ul>
<li><a href="">Главная</></li>
<li><a href="">Главная2</></li>
<li><a href="">Главная3</></li>
<li><a href="">Главная4</></li>
Как сделать css
чтобы для a:link и a:hover у li были разные background-image ( реализовать не через подключение background-image для <a>, а для <li>)?
http://htmlbook.ru/
http://htmlbook.ru/
нифига. ради интереса полазил по интернетам - не нашел в CSSах parent.
скорее всего, реализовать задуманное можно только на JS.
если JS+jQuery прокатит, то вот:
JS
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("ul#my_menu li a").hover(function() {
$(this).parent().css("background", "url('35-0.gif')");
}, function() {
$(this).parent().css("background", "none");
});
});
</script>
HTML
<ul id="my_menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
Зачем у li background? Можно сделать блочный a, при этом задав размеры у li. Всего-то надо:
* {
padding:0;
margin:0;
}
#menu li {
list-style:none;
display:inline;
float:left;
width:150px;
height:30px;
overflow:hidden;
}
#menu a {
display:block;
background:...;
}
#menu a:hover {
background:...;
}
Можно выпадающее меню реализовать на чистом CSS, правда не работающее в IE6, что лечится небольшим яваскриптом
ссылка никак не может повлиять на список - только через ява скрипт!