Конфликты между меню CSS и изображением как ссылками - PullRequest
Новая
       19

Конфликты между меню CSS и изображением как ссылками

0 голосов
/ 01 июня 2010

В верхней части есть логотип (изображение в виде ссылки) и другие изображения в виде ссылок. Эти ссылки не работают в FF и Safari. Проблема в меню навигации на основе css / ul / li. Если я удаляю html-код меню, изображения как ссылки работают нормально. Меню навигации на основе CSS основано на этом коде: 

/* Navigation Menu */
#nav a, #nav a:hover, #nav a:focus {...}
#nav {...}
#nav ul {...}
#nav .menu .level1-li {...}
#nav .menu a {...}
#nav .menu a.level1-a {...}
#nav .menu .sub {...}
#nav .menu .sub a {...}
#nav .menu a:hover {...}

Я не очень знаком с CSS, и это пример, который я скачал из Интернета. Кажется, «а» здесь что-то делает не так.

Prashant

1 Ответ

0 голосов
/ 01 июня 2010 
#nav a, #nav a:hover, #nav a:focus {direction:ltr; outline:0;}
#nav {background:#252525; background:url(../images/tabs_0.gif) repeat-x left top;height:30px; font:normal 12px/30px arial, verdana, sans-serif; width:800px; margin:0 auto;border-bottom-style:solid;border-width:1px;border-color:#525151;}
#nav ul {margin:0; padding:0; list-style:none; display:inline-block;}
#nav .menu .level1-li {float:left; display:inline; width:160px; margin-top:-32000px;}
#nav .menu a {background:transparent;display:block; font-weight:bold; width:160px; text-decoration:none; text-align:center; color:#fff;}
#nav .menu a.level1-a {position:relative; float:left; display:inline; margin-right:-159px; margin-top:32000px;}
#nav .menu .sub {background:#F6C739;float:left; margin-top:-30px; padding-top:30px; margin-bottom:-32000px;}
#nav .menu .sub a {background:#4a4a4a; font-weight: normal; font-size: 9pt;text-align:left; position:relative; margin-right:-1px;text-indent:10px;}
#nav .menu a:hover {background:#F6C739;margin-right:0px; color:#000000;}
...