Jump to content

kireyev

Newbie
  • Posts

    9
  • Joined

  • Last visited

kireyev's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Короче читайте 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; }
  2. даже не знаю... а вы как думаете? В принципе можно убрать, не проблема, но что это изменит?
  3. Для конечного дива (т.е. там где находится ссылка и картинка) у меня только идентификатор
  4. 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). Как быть-то?
  5. А какой эффект это дает? Ничего же не меняется...
  6. У ul есть собственный отступ. Причем отображается он похоже только в IE (кстати IE у меня 7.0.5730.13). И как бороться с ним я не знаю. Если все нормульна в лисе и опере, то в IE - косяк. Если все нормально в IE, то в опере и лисе вообще ужасно (к левому краю прилипает).
  7. Создаю список 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; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy