|
Нужна помощь с менюОбсуждение темы Нужна помощь с меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Промучился сутки, не могу найти ошибку в меню. Образец взят отсюда http://webdesignerwall.com/tutorials/advanced-css-menu . Пробовал на черновике - все работает, на сайте - ... |
|
Опции темы |
17.04.2011, 16:41 | #1 |
|
Здравствуйте! Промучился сутки, не могу найти ошибку в меню. Образец взят отсюда http://webdesignerwall.com/tutorials/advanced-css-menu. Пробовал на черновике - все работает, на сайте - нет.
Код HTML Код HTML:
<ul id="menu"> <li><a class="home" href="/">ГЛАВНАЯ</a></li> <li><a class="restaurant" href="http://meta.ua">О РЕСТОРАНЕ</a></li> <li><a class="banquet" href="#">БАНКЕТЫ</a></li> <li><a class="menu" href="#">МЕНЮ</a></li> <li><a class="gallery" href="#">ГАЛЕРЕЯ</a></li> <li><a class="hamam" href="#">ТУРЕЦКАЯ БАНЯ</a></li> <li><a class="commission" href="#">СТОЛ ЗАКАЗОВ</a></li> <li><a class="guest" href="#">ГОСТЕВАЯ КНИГА</a></li> <li><a class="contact" href="#">КОНТАКТЫ</a></li> </ul> Код HTML:
#menu { position: relative; width: 209px; height: 326px; list-style: none; } #menu a { display: block; text-indent: -900%; position: absolute; outline: none; } #menu a:hover { background-position: left bottom; } #menu .home { width: 209px; height: 60px; background: url(/images/menu001.png) no-repeat; left: 0px; top: 0px; } #menu .restaurant { width: 209px; height: 30px; background: url(/images/menu002.png) no-repeat; left: 0px; top: 60px; } #menu .banquet { width: 209px; height: 30px; background: url(/images/menu003.png) no-repeat; left: 0px; top: 90px; } #menu .menu { width: 209px; height: 30px; background: url(/images/menu004.png) no-repeat; left: 0px; top: 120px; } #menu .gallery { width: 209px; height: 30px; background: url(/images/menu005.png) no-repeat; left: 0px; top: 150px; } #menu .hamam { width: 209px; height: 30px; background: url(/images/menu006.png) no-repeat; left: 0px; top: 180px; } #menu .commission { width: 209px; height: 30px; background: url(/images/menu007.png) no-repeat; left: 0px; top: 210px; } #menu .guest { width: 209px; height: 30px; background: url(/images/menu008.png) no-repeat; left: 0px; top: 240px; } #menu .contact { width: 209px; height: 56px; background: url(/images/menu009.png) no-repeat; left: 0px; top: 270px; } |
|
17.04.2011, 20:42 | #2 |
|
Непонятно, в чем именно ошибка?
|
|
17.04.2011, 21:00 | #3 |
|
Все, разобрался сам.
в #menu a убрал outline: none и все раработало |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Нужна помощь!!! | Евген2516 | HTML, CSS, JavaScript | 5 | 02.06.2012 18:24 |
Стили для меню (нужна помощь) | Scorp | HTML, CSS, JavaScript | 9 | 05.02.2009 16:09 |
Помощь с меню на флеш | djbelov | Технологии Flash | 0 | 29.10.2008 17:02 |
СSS меню, нужна помощь | Жорж | HTML, CSS, JavaScript | 3 | 07.06.2008 15:17 |
Нужна помощь | ТАнец Меча | ASP, Perl, PHP и MySQL | 2 | 17.12.2007 16:54 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|