Выравнивание категорий по горизонтали

Доброго времени суток.
Подскажите пожалуйста, можно ли автоматически выровнять категории по горизонтали. То есть существует ли способ применить параметр ‘sort_column=menu_order’ тега wp_list_pages к тегу list_cats? Ну или как-нибудь по-другому получить этот же результат, желательно без применениея плагинов?..
Спасибо.

Нашёл здесь: http://codex.wordpress.org/Creating_Horizontal_Menus

Одна проблема осталась – в IE и соответственно Maxthon’e не отображается нижняя рамка для ссылок.

Код для div’a в хедере такой:

<div id="topnav"><?php list_cats(FALSE, ' ', 'name'); ?></div>

CSS:

#topnav{
    margin: 0px;
    width: 800px;
    text-align: left;
    font-size: 10px;
}

#topnav ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    }
    
#topnav li {
    display: inline;
}

#topnav a{
    color: #626262;
    padding-right: 2px;
    border-right: 1px solid #626262;
    padding-left: 2px;
    border-left: 1px solid #626262;
    padding-bottom: 2px;
    border-bottom: 1px solid #626262;
}

#topnav a:hover{
    color: #f7941d;
    padding-right: 2px;
    border-right: 1px solid #626262;
    padding-left: 2px;
    border-left: 1px solid #626262;
    padding-bottom: 2px;
    border-bottom: 1px solid #626262;
}

В Опере и FireFox’e всё без проблем вообще… Все рамки на месте…
Не подскажете в чём проблема?

сайт: http://fg.lifeloop.ru

Да, IE капризная штука…

Думаю, что для IE можно попробовать указать что-то типа такого:

#topnav li a{border-bottom:...

или без "a", т.е.

#topnav li{border-bottom:...

Если собъется в FireFox, тогда добавить на этот код хак только для IE.

Спасибо за совет, чего-то всё равно не отображается эта нижняя рамка… Попробовал и в #topnav li a и просто в #topnav li добавить border-bottom, не помогает…
Не могли бы Вы поподробнее насчёт хака для IE написать. Я как-то не особо этими делами увлекаюсь (в смысле использованием хаков), поэтому…

Значит, что-то перекрывает этот стиль. IE в этом плане очень капризный. Попробуйте перенести код с border в самый конец css-файла – так будет проще отлавливать.

По IE-хакам есть много информации в Интернете. Например такая конструкция для тэга будет работать только в IE:

 
* html pre {...
Anonymous
Отправить
Ответ на: