Стили навигации не отображаются в Chrome или Safari, хорошо в Firefox - PullRequest
Новая
       52

Стили навигации не отображаются в Chrome или Safari, хорошо в Firefox

0 голосов
/ 16 марта 2011

Я работаю на простом HTML-сайте и испытываю проблемы с неправильной визуализацией в Chrome и Safari, но в Firefox все хорошо (все на Mac).

Все навигационные библиотеки должны быть блоками с отступом 15px, плавающими слева друг от друга, показывая светло-зеленый фон при наведении. В Chrome и Safari они просто отображаются со стилями ссылок по умолчанию на странице без плавающей запятой.

Сайт можно посмотреть здесь: http://www.rjlacount.com/clients/GreenTree

Спасибо за любую помощь!

А вот CSS, который я использую для меню навигации: 

ul#nav {
    font-size:16px;
    border-top:1px solid #a4a4a4;
    border-bottom:1px solid #a4a4a4;
    text-align:center;
    margin:40px auto;
    list-style:none;
}

ul#nav li a:link, ul#nav li a:visited {
    float:left;
    padding:15px 43px;
    text-decoration:none;
    font-weight:normal;
    color:#000;
}

ul#nav li a:active, ul#nav li a:hover {
    background:#e6ffdc;
    text-decoration:none;
}

ul#nav li.highlight a:link, ul#nav li.highlight a:visited {
    background:#e6ffdc;
}

1 Ответ

1 голос
/ 16 марта 2011

Глядя на ваш источник, кажется, проблема в вашей разметке. Теги <a> должны быть внутри тегов <li>, это, кажется, автоматически делается в Firefox, но не в WebKit.

В вашем CSS, который вы указали, вы также ищете любые якоря в элементе списка, так что он не сможет найти его в любом случае, так как они у вас неправильные.

...