Центрирование навигационных ссылок - PullRequest
Новая
       4

Центрирование навигационных ссылок

1 голос
/ 06 августа 2011

Я использую WordPress для размещения веб-сайта для работы, и я наконец смог сменить название сайта на изображение. Но теперь это выглядит странно, потому что навигационные ссылки по-прежнему выровнены по левому краю.Я пытаюсь расположить их по центру на странице, но не могу найти код для изменения.Навигационные ссылки на синей линии - это категории, и когда я нажимаю cntrl-F, чтобы найти категории, появляются только 2 строки, и они предназначены только для сокрытия всех ссылок.

Мне было интересно, есть ли фрагменткода, который я должен искать, или если эта информация включена в таблицу стилей и не редактируется.

Спасибо за любую помощь!Кроме того, вот веб-сайт тестера для ref: http://phitlab.host22.com/wordpress/

Редактировать: Нашел html / css код, который нужно редактировать 

<div id="cat-nav" class="clear">
<ul class="nav sf-js-enabled">
<li class="cat-item cat-item-3">
<a title="View all posts filed under Home" href="http://phitlab.host22.com/
wordpress/?cat=3">Home</a>
</li>
<li class="cat-item cat-item-4">
<a title="View all posts filed under People" href="http://phitlab.host22.com/
wordpress/?cat=4">People</a>
</li>
<li class="cat-item cat-item-5">
<a title="View all posts filed under Publications" href="http://phitlab.host22.com/
wordpress/?cat=5">Publications</a>
</li>
<li class="cat-item cat-item-7">
<a title="View all posts filed under Research" href="http://phitlab.host22.com/wordpress/?cat=7">Research</a>
</li>
<li class="cat-item cat-item-6">
<a title="View all posts filed under zContact" href="http://phitlab.host22.com/wordpress          /?cat=6">zContact</a>
</li>
</ul>
</div>
</div>

enter image description here

1 Ответ

3 голосов
/ 06 августа 2011

Я бы посмотрел исходный код HTML, чтобы проверить, есть ли у элементов какие-либо классы или идентификаторы. Если они этого не сделают, я бы проверил их родителей на предмет уроков и идентификаторов.

Затем найдите код CSS для этих классов и идентификаторов, чтобы найти его исходный код.

Обе эти задачи будут проще, если вы используете расширение или функцию браузера. Мне нравится Firebug для Firefox или Ctrl-Shift-I в Chrome. Они могут рассказать вам, как определяются стили для каждого элемента и в какой строке файла CSS его найти.

Если вы хотите отцентрировать их, вероятно, будет проще всего задать элемент контейнера, который удерживает ваши навигационные ссылки фиксированной ширины, используя px или%, а затем установите 

margin-left:auto;
margin-right:auto;
...