2013-06-28 3 views
-1

Недавно я создал новую горизонтальную навигацию для своих 2-х сайтов, но на одном сайте она выглядит хорошо, но на другой у меня проблемы контролируя позиционирование.2 Навигационные бары на почти одинаковых страницах, но разные результаты и не могут контролировать UL LI Padding and Margins

Например, если вы просмотрите горизонтальные ссылки навигации внизу изображения заголовка здесь: http://classifieds.your-adrenaline-fix.com/, вы, вероятно, согласитесь, что это выглядит хорошо, но если вы нажмете любую горизонтальную ссылку, вы попадете на главный сайт где вы увидите ту же горизонтальную навигацию, но проблема в том, что я не могу получить контроль над позиционированием, и я не могу понять, почему они отличаются друг от друга с почти одинаковыми HTML и CSS.

Если кто-то не против взглянуть на ссылку, представленную выше, вы увидите, о чем я говорю, и если кто-то не возражает, показывая мне, что я пропустил, я был бы очень благодарен, и я Благодарю каждого из вас заранее.

PS; Я пытался в течение нескольких часов ...

ответ

1

На странице, которая выглядит правильно, ваш <ul> имеет следующие стили, определенные в форм-css.css вокруг линии 70

list-style-type: none; 
padding: 0px; 
margin: 0px; 

Основная страница не имеет этот стиль. Важными частями являются прокладка и маржа. Стиль по умолчанию в списке обычно дает некоторую площадку и маржу к ul, что и мы видим на главной странице.

+0

Спасибо @Lee Quarella !! Я полностью забыл о form-css.css. Я буду исправлять это –

0

Я сравнил CSS для двух страниц, используя инструменты для создания хрома. Как вы сказали, они почти идентичны в HTML и CSS, но я нашел разницу.

Эта страница: http://classifieds.your-adrenaline-fix.com/

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

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

Этот css-клип я нашел на странице form-css.css.

Снятие этой части css, беспорядок вверх страницы, где горизонтальная навигация также выглядит хорошо.

Добавляя эти свойства CSS в свой тег ul для горизонтальных ссылок на страницу для другой страницы (http://www.your-adrenaline-fix.com/), следует исправить это.

Смежные вопросы