oscora

Спасибо огромное! Значит это я просто критин и не туда параметры отступа прописывал... А то ведь тоже пробовал делать отступ с права в 2 пикселя и это нечего не давало.

ок. сейчас сделаю. надеюсь на форуме разрешено бросать ссылки. Кстати со второй проблемой разобрался http://81.200.23.210/a/fil/menu.rar

Доброго времени суток! В очередной раз зашёл в тупик и вынужден просить Вашей помощи. Проблема заключается в том, что при графическом строительстве менюшки, я столкнулся с проблемой визуализации некой графики, а именно с "hover" отображением. делаю меню. назначаю "LI" делать отделение ссылок 2-х пиксельной полосочкой. назначаю "LI:hover" отображать другую картинку при наведение мышки и вот тут и начинаеться баг. или даже возможно кривизна моих рук. При наведение на ссылку, срабатывает "LI:hover" и тем самым, убирает полность визуализацию "LI", а именно ту саму, разделительную полосочку в 2 пикселя. измучился весь, самостоятельно не могу найти выход из ситуации. Код прилогаю. CSS: #menu { background: url(../img/men_bg.png) repeat-x; width: 662px; height: 22px; margin: 165px 0 0 275px } #menu .left { background: url(../img/men_l.png) no-repeat left 0%; } #menu .right { background: url(../img/men_r.png) no-repeat right 0%; height: 22px } #menu li { position: relative; padding-bottom: 5px; padding-left: 36px; padding-right: 36px; display: inline; background: url(../img/men_li.png) no-repeat right 1px; float: left; padding-top: 0px; } #menu li a{ display:block; } #menu li:hover { background: url(../img/men_li_h.png) no-repeat right 0px; } #menu li.jshover { background: url(../img/men_li_h.png) no-repeat right 0px; } #menu a { font: bold 12px/25px arial; color: #fff; text-decoration: none; text-shadow: 0 1px 0 #005d95; } HTML: <div id="menu"> <div class="left"> <div class="right"> <li><a href="" title="">Главная</a></li> <li><a href="" title="">Услуги</a></li> <li><a href="" title="">Тарифы</a></li> <li><a href="" title="">Контакты</a></li> </div> </div> </div> З.Ы - Так же не могу понять как подсунуть в первую кнопку левый бордюр так, что бы при наведении мышкой, "LI:hover" тоже не скрывал его..

Спасибо. Вопрос Вами понят совершенно верно.

Часть индексной страницы, а именно та часть UL меню которая имеет второй уровень любого из под меню + CSS к нему

В текущей ситуации, рассуждать о том какие ошибки есть - это всёравно, что вилами по воде писать. Хотелось бы видеть исходники.

мало того, что нахал, так ещё и лодырь. Скачал где то готовый код, а сюда пришёл что бы ему ещё и в нахаляву его почистили

Доброго времени суток коллеги. перед мной стоит задача построить некий справочник. который одновременно производит поиск в базе из 3-х форм сразу. Базку поднял, всё работает, ищит. Но теперь встал вопрос красоте! Подвесил на формочки картинки и решил описание формы указать в самой форме т.е задействовать Value авто-текст форм при старте. Выглядит так это чудо: вид самой формы запроса из базы. <FORM action="index.php?page=tel" method="get"> <input type = hidden name="page" value="tel"> <b style='mso-bidi-font-weight:normal'><span style='color:blue'><a href="index.php?page=tel"> <span style='mso-spacerun:yes'>Содержание справочника</span></a></span></b> <p><div id="tel-s"><input class="input" type = text name="user_name" size="20" value="Ф.И.О..." onfocus="this.value=''"> <input class="input" type = text name="tel_number" title="В данной форме, следует указывать номер в формате 333-33-33 или 3-33" size="20" value="Номер телефона..." onfocus="this.value=''"> <input class="input" type = text name="room_number" size="20" value="Номер кабинета..." onfocus="this.value=''"></div> <input type=submit value="Поиск" > Поскольку поиск производиться сразу из трёх форм одновременно, то теоретический, для удачного поиска все формы должны быть заполнены правильно или быть пустыми, но стиль самого сайта очговорит за себя -"Сделай обозначения форм назначением значения". Вот у меня и возник вопрос! Как сделать так, что бы назначенный текст формы (value="Номер кабинета..."), пропадал в момент запроса или просто не использовался? Буду благодарен, если есть знатоки!

Всё работает! Благодарю за помощь!

Да! именно так. спасибо конечно, что сделали всё за меня! Я конечно надеялся на совет который дал бы пищу для размышления! Спасибо! Сейчас опробую в своём поле всё это.

полный код кнопки: HTML <ul id="menu1"> <li> <div class="pravo"> <div id="tbl"> ПРАВОВЫЕ СИСТЕМЫ </div> <div id="img-c"> <div id="law"> </div> </div> </div> <ul> <li><a href="file:///\\****.ru\***ot\SH***\P**e\G*****an*\garant.exe">Гарант</a></li> <li><a href="file:///\\****.ru\***ot\SH***\P**e\K**d****s\kodweb.exe">Кодекс</a></li> <li><a href="file:///\\****.ru\***ot\SH***\P**e\Con****\cons.exe">Консультант проф</a></li> <li><a href="file:///\\****.ru\***ot\SH***\P**e\CR***\cons.exe">Консультант регион</a></li> <li><a href="http://ls**10*.****.ru/">WWW- Кодекс</a></li> </ul> </li> CSS .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #tbl { width: auto; height: auto; padding: 10px 0 0 10px; font-family: Arial; font-size: 15pt; color: #fff #law { BACKGROUND: url(../images/law.png) no-repeat; width: 90px; height:90px; } #img-c { width: 90px; height:90px; padding:0 0 0 212px; } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 li ul{ list-style:none; padding0:0; margin:120px 0 0 -40px; width:322px; position:absolute; left:0; top:20px; display: none; } #menu1 li ul li{ float:none; height:20px; margin:0; width:322px; font-weight: bold; text-align:center; BACKGROUND: url(../images/b1.png); } #menu1 li a{ display:block; width:322px; height:auto; } #menu1 li:hover ul{ display:block; } #menu1 li:hover{ background:#cc6702; }

Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено UL меню. Меня интересует следующее: Как сделать так, что бы при наведение курсора мыши на всплывающее меню, картинка ":hover" из маин блока не пропадала до тех пор, пока я не уберу курсор за пределы блока и меню ? .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 li ul{ list-style:none; padding0:0; margin:120px 0 0 -40px; width:322px; position:absolute; left:0; top:20px; display: none; } #menu1 li ul li{ float:none; height:20px; margin:0; width:322px; font-weight: bold; text-align:center; BACKGROUND: url(../images/b1.png); } #menu1 li a{ display:block; width:322px; height:auto; } #menu1 li:hover ul{ display:block; } #menu1 li:hover{ background:#cc6702; }