Maha
-
Posts
7 -
Joined
-
Last visited
Maha's Achievements
Explorer (1/14)
0
Reputation
-
Обычный для меня - вот такой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >
-
в том-то и дело, что ссылочку дать не могу да вроде обычный...
-
Возникла следующая проблема: для создания фонов задана структура html-body-div1-div2. Div2 позиционируется абсолютно относительно Div1. Футер прибит. Во всех браузерах все нормально, кроме IE6. В нем Div2 позиционируется относительно body и получается, что нужный фон не растягивается как надо. Вот код для этих блоков: html, body { height:100%; } html { font-size: 100%; background:#a2a1a1 url(text_bg.gif) top left repeat; } body { margin:0; font-size:10px; color: #000; font-family:Arial, Helvetica, sans-serif; } .shadow { background:url(bg.gif) repeat-y center top; min-height:100%; height: auto !important; height:100%; position:relative; } .background { height:100%; width:1000px; background: url(cont_bg.gif) repeat-y center top; position:absolute; top:0; left:50%; margin-left:-500px; } <body> <div class="shadow"> <div class="background"> </div> </div> </body>
-
IE6: не убирается элемент при отведении курсора в hover
Maha replied to Maha's question in HTML Coding
в общем я решила забить на появление фона только при hover. Я изначально поставила спану фон и свойство opacity:0, чтобы не было видно. Соответственно, при hover - opacity:1. Заработало во всех браузерах, кроме любимого. Для IE6 - фильтры на прозрачность filter: alpha(Opacity=0); (я использовала этот, но есть еще получше. но не стала заморачиваться). Все стало как надо. В Опере 9.5 и 9.6 при наведении спана не было видно. Задала ему display:block и все стало хорошо... -
IE6: не убирается элемент при отведении курсора в hover
Maha replied to Maha's question in HTML Coding
Большое спасибо! В ие6 я сама переделала, а вот Опера 9.5 и 9.6 глючила. Ваша ссылка помогла решить проблему -
IE6: не убирается элемент при отведении курсора в hover
Maha replied to Maha's question in HTML Coding
zoom пробовала - не помогает так подшаманить не удалось -
Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Цены">Цены<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Контакты">Контакты<span class="left"></span><span class="right"></span></a></li> </ul> Стили для меню такие: ul.menu { margin:0; margin-right:35px; padding:0; list-style:none; position:absolute; bottom:0; right:0; } .menu li { margin:0 24px; display:inline; font-style:italic; font-size:2em; letter-spacing:-1px; } .menu a { color:#ffd393; position:relative; } .menu a:hover { } .menu a span { height: 8px; width:60px; position:absolute; bottom:-8px; } .menu a span.left { right:50%; } .menu a span.right { left:50%; } .menu a:hover span.left{ background:url(hover1.gif) no-repeat left bottom; } .menu a:hover span.right{ background:url(hover2.gif) no-repeat right bottom; } .menu a.current { color:#fff; } .menu a.current:hover { text-decoration:none; }