Jump to content

a3.work

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by a3.work

  1. http://clubpr.spb.ru/example/ При клике на "надпись" в IE не меняется картинка-значок (плюс или минус). В Opera и Mozilla всё работает.
  2. <div style="position: fixed; width: 300px"> <ul> <li><a href="#f1">1111</a></li> <li><a href="#f2">1111</a></li> <li><a href="#f3">1111</a></li> </ul> </div> текст <a name="f1"></a> текст текст текст ттекст текст ттекст текст ттекст <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> текст 2 <a name="f2"></a> текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 текст2 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст 3 текст <a name="f3"></a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> Анкеры работают и в IE6, и в IE8. По поводу position:fixed для IE читай здесь: http://web-silver.ru/forum/html-css-javasc...uporno-0-a.html http://www.simpledream.ru/position_fixed.html
  3. Добрый день. Имеется следующая вёрстка и css: <style> .menu_line { display:inline; padding: 3px 5px;} .menu_line a.sign, .menu_line a.sign:active, .menu_line a.sign:link, .menu_line a.sign:hover, .menu_line a.sign:visited {text-decoration:none} .menu_line a.txt, .menu_line a.sign:active, .menu_line a.txt:link, .menu_line a.txt:hover, .menu_line a.txt:visited {font-size:12px; color:#555555; text-decoration:none} .menu_line span {display:none} .checked {background:#FF7800;} .open span, .close span {display:inline; background-position:0px 1px; background-repeat:no-repeat;} .open span {background-image:url('img/cross_gray.jpg')} .close span {background-image:url('img/minus_gray.jpg')} .checked.open span {background-image:url('img/cross_orange.jpg')} .checked.close span {background-image:url('img/minus_orange.jpg')} .checked a.txt, .checked a.sign:active, .checked a.txt:link, .checked a.txt:hover, .checked a.txt:visited {color:#FFF;} </style> <div class="menu_line checked close"> <a href="" class="sign"><span> </span></a> <a href="" class="txt">надпись</a> </div> <div class="menu_line checked close"> <a href="" class="sign"><span> </span></a> <a href="" class="txt">надпись</a> </div> Задача: Сделать элемент древовидной структуры, похожей на аналогичный из "проводника" виндов, отличающийся от названного наличием 2-х "параметров состояния": цвета фона надписи и маркера слева от надписи (плюс или минус, выполнены изображениями). Проблема состоит в том, что цвета маркера меняются в зависимости от цвета фона всего элемента, т.е. картинки в бэкграунде надо менять во время смены цвета. Условие: Хотелось бы решить задачу так, чтобы для смены состояния нужно было только изменить класс(ы) родительского дива - без смены классов других элементов и, естественно, без выноса картинок в тэг img, поставленный вместо span. Решение: Приведенный выше код решает задачу для всех браузеров кроме, естественно, экспорера (win, IE8) - он не желает менять фоновую картинку при удалении фона (удалении класса checked в диве) Вопрос: Как пофиксить, желательно без написания 4-х классов фон+плюс, фон+минус, без_фона+плюс, без_фона+минус? Заранее спасибо.
×
×
  • 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