Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Нужна помощь с меню

Обсуждение темы Нужна помощь с меню в разделе 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>
Код CSS
Код 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;
}
адрес страницы http://nikonov.co.cc
 
Старый 17.04.2011, 16:41
Ссылки
Старый 17.04.2011, 20:42   #2
Непонятно, в чем именно ошибка?
 
Старый 17.04.2011, 21:00   #3
Все, разобрался сам.
в #menu a убрал outline: none и все раработало
 
Старый 17.04.2011, 21:00
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужна помощь!!! Евген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


Текущее время: 20:25. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум