Ссылка не меняет цвет при наведении

marsowy · January 10, 2011

Доброго времени суток!

проблема такова:

1. посещенная ссылка меню или другая не меняет цвет при наведении

2. в браузерах FF 3.6.13, Chrome 8 (в Opera не проверял) - при наведении на меню трудно попасть на ссылку, хотя текст 18 px

код CSS файла ниже

.cssmenu
{
	padding:0;
	margin:0;
	list-style:none;
	margin-top:10px;
	margin-left:25px;
}
.cssmenu li 
{
	padding-top:15px;
}
.cssmenu li a, .cssmenu li a:link, .cssmenu li a:visited, .cssmenu li a:hover
{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	display:block;
	padding-left:55px;
	color:#0094d9;
	text-decoration:underline;	
}
.cssmenu a:hover,  
{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#ff7201;
}
a:hover,  
{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:18px;
	color:#ff7201;
}
.cssmenu1
{
	padding:0;
	margin:0;
	list-style:none;
	margin-left:45px;
}
.cssmenu1 li 
{
	padding-top:10px;
}
.cssmenu1 li a, ul.cssmenu1 li a:visited 
{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	display:block;
	padding-left:55px;
	color:#0094d9;
	text-decoration:underline;

}
.cssmenu1 a:hover 
{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	color:#ff7201;
}
.cssmenu3
{
	position:relative;
	top:-100px;
}

код разметки:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<link href="style.css" rel="stylesheet" type="text/css"/>
		<title>Фотограф Екатерина Антонова свадьбы профессиональные (портфолио) фотосессии (праздники) корпоративы дни рождения - только положительные эмоции</title>
		<meta content="свадьба фото,свадебный фотограф Санкт-Петербург,фотограф на свадьбу петербург, Свадебный фотограф Петербург, Фотограф на свадьбу СПб, фотограф свадьба санкт-петербург,свадебные фото" name="keywords">
		<meta content="Свадебный фотограф Екатерина Антонова, Санкт-Петербург." name="description">
		<meta http-equiv="Cache-Control" content="no-cache">
		<link rel="shortcut icon" href="favicon.ico">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /></head>
<body>
	<div class="all">
		<div class="header">
			<div class="header-logo">
				<div><a href="http://www.photoemotion.ru/">PhotoEmotion</a></div>
				<div class="logo"><a href="http://www.photoemotion.ru/"><img src="images/logo.png" border="0" /></a></div>
			</div>
			<div class="center">
				<div class="left">
					<ul class="cssmenu">
						<li><a href="http://www.photoemotion.ru/">Главная</a></li>
						<li><a href="http://www.photoemotion.ru/services.php">Услуги</a></li>
						<li><a href="http://www.photoemotion.ru/contacts.php">Контакты</a></li>
						<li><a href="http://www.photoemotion.ru/portfolio.php">Портфолио</a></li>
					</ul>
					<div class="icon1"><img src="images/sun.png" border="0" /></div>
					<div class="icon2"><img src="images/I.png" border="0" /></div>
					<div class="icon3"><img src="images/phone.png" border="0" /></div>
					<div class="icon4"><img src="images/foto.png" border="0" /></div>
					<div class="cssmenu3"><ul class="cssmenu1">
						<li><a href="http://www.photoemotion.ru/portfolio/weddings.php">Свадьбы</a></li>
						<li><a href="http://www.photoemotion.ru/portfolio/family.php">Семьи</a></li>
						<li><a href="http://www.photoemotion.ru/portfolio/portraits.php">Портреты</a></li>
						<li><a href="http://www.photoemotion.ru/portfolio/video.php">Видео</a></li>
					</ul></div>
					<div class="icon5"><img src="images/wedding.png" border="0" /></div>
					<div class="icon6"><img src="images/family.png" border="0" /></div>
					<div class="icon7"><img src="images/portraits.png" border="0" /></div>
					<div class="icon8"><img src="images/kids.png" border="0" /></div>
				</div>

спасибо за любую помощь

psywalker · January 10, 2011

Дай ссылку на страницу

marsowy · January 10, 2011

photoemotion.ru

deadrash · January 10, 2011

marsowy said:
photoemotion.ru

А зачем вы сверху списка блоки надвинули? Вот они то и не дают мышке попасть на список.

Такие иконки делаются через background-image: для каждой li либо для всего ul

p.s. дизайн понравился, особенно эти круглешки синие и оранжевые, но ИМХО вот тут http://www.photoemotion.ru/images/head-bg1.jpg их лучше не обрезать справа прямой линией. Картинку можно чуточку продллить и подставить в html или body тег.

Edited January 10, 2011 by deadrash

Sign In

Ссылка не меняет цвет при наведении

Question

marsowy

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

marsowy

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information