|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
22.10.2010, 15:41 | #1 |
Новичок
Джуниор
Регистрация: 22.10.2010
Сообщений: 1
|
Выделение активной ссылки меню
Вот такая проблема, надо сделать активную ссылку меню когда находишься на соответствующей пункту меню странице
сайт www.docexplorer.ru css меню /* menu */ .menu { position: relative; _width: 100%; z-index: 1; _height: 1%; } .menu table { position: relative; width: 100%; margin-right: -10000px; text-align: center; background: #E5E6DE url(images/menu-bg.gif) top left repeat-x; border-bottom: #E7E7E7 1px solid;} .menu tr { position: relative;} .menu td { position: relative; border-left: 1px white solid;} .menu-item, .menu-item:visited { position: relative; //height: 1%; font-size: 14px; font-family: Tahoma; color: white; text-decoration: none; display: block; padding: 10px; text-transform: uppercase;} .menu-item:hover, .menu-item:active { padding-top: 6px; color: #fff; border-top: 4px solid #F69626;} .menu-item:hover b, .menu-item:active b { position: absolute; top: 0; left: 30px; width: 7px; height: 4px; background: url(images/menu-hover.gif) top left no-repeat;} .menu-last { border-right: 1px #BDD7EF solid; background: url(images/menu-corner.gif) top right no-repeat;} .menu-last i { position: absolute; width: 11px; height: 11px; bottom: 0; //bottom: -1px; right: 0; //right: -1px; _right: -2px;} .menu-drop { position: relative; text-align: left; } .menu-drop-item { position: absolute; top: 1px; //top: 0; left: -2px; width: 231px; padding: 0 0 0 0; border: 1px white solid; background: #BDDFFF; /* Полупрозрачность */ _height: 1%; filter: Alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90; opacity: .90;} .menu-drop-item li { position: relative; padding: .8em 1em .8em 2em; _height: 1%; list-style-type: none; background: url(images/menu-list.gif) no-repeat 0 1.4em;} .menu-drop-item a, .menu-drop-item a:visited { text-decoration: none; color: #364E8F; font-size: 1.1em; line-height: 1.6em;} .menu-drop-item a:hover, {color: #2D4583; text-decoration: underline;} .menu-drop-border { position: relative; //height: 1%; border-top: 1px white solid;} .menu-sep { position: absolute; bottom: -56px; //left: -3px;} .menu-sep-img { position: relative; width: 4px; height:58px; margin-left: -3px; //margin-left: 0; background: url(images/menu-sep.png) bottom left no-repeat;_background: none; _filterrogid:DXImageTransform.Mic rosoft.AlphaImageLoader(src='/bitrix/templates/web20/images/menu-sep.png', sizingMethod='scale');} .menu-sep2 { position: absolute; bottom: -13px; //left: -13px;} .menu-sep2-img { position: relative; width: 26px; height:26px; margin-left: -13px; //margin-left: 0; background: url(images/menu-img.png) top left no-repeat;_background: none; _filterrogid:DXImageTransform.Mic rosoft.AlphaImageLoader(src='/bitrix/templates/web20/images/menu-img.png', sizingMethod='scale');} /* end menu */ html меню <div style="height:70px;background:#E5E6 DE;"> <div class="menu"><table><tr> <td><div onmouseover="invert('layer1');" onmouseout="Set2Hide();"> <a href="/platforma/" class="menu-item" >Платформа<b><!----></b></a> </div></td> <td><div onmouseover="Set2Hide();"> <a href="/konfig/" class="menu-item" >Конфигурации<b><!----></b></a> <div class="menu-sep"><div class="menu-sep-img"></div></div> <div class="menu-sep2"><div class="menu-sep2-img"></div></div> </div></td> <td><div onmouseover="invert('layer5');" onmouseout="Set2Hide();"> <a href="/partner/" class="menu-item" >Партнерам<b><!----></b></a> <div class="menu-sep"><div class="menu-sep-img"></div></div> <div class="menu-sep2"><div class="menu-sep2-img"></div></div> </div></td> <td class="menu-last"><div onmouseover="Set2Hide();"> <a href="/price/" class="menu-item" >Прайс-лист<b><!----></b></a> <i><!----></i> <div class="menu-sep"><div class="menu-sep-img"></div></div> <div class="menu-sep2"><div class="menu-sep2-img"></div></div> </div></td> </tr></table></div> </div> |
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Выделение цветом столбца и строки активной ячейки | cerberochek | Microsoft Office Excel | 7 | 28.11.2012 12:56 |
Выделенный пункт активной ссылки меню | Next | HTML и CSS | 3 | 09.08.2010 19:12 |
Поставить стрелочку у активной ссылки | Manonia | HTML и CSS | 2 | 06.04.2010 06:30 |
Выделение ссылки | Yaga | HTML и CSS | 2 | 27.08.2009 01:15 |
Выделение цветом активной ячейки в excel | ksmspb | Microsoft Office Excel | 1 | 05.08.2009 14:26 |