Проблема выравнивания горизонтальной навигационной панели CSS в Firefox - PullRequest
0 голосов
/ 24 ноября 2010

Моя панель навигации отключена в Firefox и Opera.Под текстом заметно больше отступов, чем выше.Я столько раз менял свой код, пытаясь это исправить, поэтому извиняюсь, если в моем текущем коде есть ошибки.Это выглядит хорошо в Safari и Chrome.Может кто-нибудь помочь найти мои ошибки?

CSS:

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 50px;
}

li {
display: inline;
margin:0;
padding:0;
}

a.one:link,a.one:visited {
font-size: 18px;
line-height: 18px;
font-weight: bold;
background-color: red;
color: white;
font-family: Helvetica,Arial,san-serif;
text-align: center;
padding: 5px 7px;
text-transform: uppercase;
text-shadow: 0.05em 0.05em 0.1em #333;
letter-spacing: 1px;
}

HTML:

<nav>
    <ul>
    <li><a class=one href=index.html>home</a></li>
    <li><a class=one href=bio.html>bio</a></li>
    <li><a class=one href=news.html>news</a></li>
    <li><a class=one href=disc.html>discography</a></li>
    <li><a class=one href=contact.html>contact</a></li>
    </ul>
</nav>

Спасибо!

1 Ответ

0 голосов
/ 08 октября 2014

Под текстом заметно больше отступов, чем выше.

Вот вопрос:

  • Поскольку установлены margin:0; и margin-bottom: 50px, соотношение выше / ниже составляет 0px / 50px

Хорошо выглядит в Safari и Chrome

Сравните таблицы стилей по умолчанию:

И поиск расширений поставщика:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...