kireyev

Короче читайте manual! Я смотрел тут http://www.codenet.ru/webmast/css2/selecto...-pseudo-classes Цитирую: "Псевдокласс :active применяется, когда элемент активизируется пользователем. Например, между моментами, когда пользователь нажимает кнопку мыши и отпускает ее." Исходя из прочитанного сделал так: <div <? if ($_SERVER['PHP_SELF'] == "/uslugi.php") { ?> id="menu1_a" <? } else { ?> id="menu1" <? } ?> class="left"><a href="uslugi.php"></a></div> и так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background-position: -59px 0; } #menu1_a a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") -118px 0 no-repeat; }

даже не знаю... а вы как думаете? В принципе можно убрать, не проблема, но что это изменит?

Для конечного дива (т.е. там где находится ссылка и картинка) у меня только идентификатор

Не помогло!

HTML: <div id="menu1" class="left"><a href="index.php"></a></div> CSS: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Все прекрасно, только a:active не срабатывает! Что может быть? Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех... Затем попробовал так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:visited { background: url("images/menu1.jpg") -100px 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Теперь когда у меня ссылка активна - она отображается как посещенная (visited). Как быть-то?

А какой эффект это дает? Ничего же не меняется...

У ul есть собственный отступ. Причем отображается он похоже только в IE (кстати IE у меня 7.0.5730.13). И как бороться с ним я не знаю. Если все нормульна в лисе и опере, то в IE - косяк. Если все нормально в IE, то в опере и лисе вообще ужасно (к левому краю прилипает).

Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог... #main { text-align: center; } ul#links { text-align: left; margin-left: auto; margin-right: auto; list-style-type: none; margin-top: 0; padding: 5px 0 5px 0; width: 800px; } ul#links li { padding-left: 26px; list-style-type: none; background:url(pic/kr.png) no-repeat 10px 50%; display: inline; }