X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> CSS проблема с <ul>
fly_gr
fly_gr
Topic Starter сообщение 23.4.2011, 11:05; Ответить: fly_gr
Сообщение #1


Новичок
*

Группа: User
Сообщений: 22
Регистрация: 16.2.2011
Поблагодарили: 3 раза
Репутация:   1  


Приветствую.
Подскажите, уже всю голову сломал.
При верстке в MODx нужно сделать горизонтальный список, но оператор движка wayfinder добавляет дополнительный <ul> в результате чего дизайн плывет
вот код
<div id="navigation">
<div id="main-nav">
<ul class="tabbed">
<ul>
<li><a href="#">News</a></li>
<li><a href="#">Politics</a></li>
</ul>
</ul>
</div>
</div>
подскажите что сделать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 23.4.2011, 11:11; Ответить: rjksdfhe
Сообщение #2


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


Это "оператор движка" скорее всего глючит.
Можно оставить это:
<div id="main-nav">
<ul>
<li><a href="#">News</a></li>
<li><a href="#">Politics</a></li>
</ul>
</div>


А в css стиль прописать вместо
ul.tabbed {ляля}
так
#main-nav ul {ляля}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fly_gr
fly_gr
Topic Starter сообщение 23.4.2011, 12:31; Ответить: fly_gr
Сообщение #3


Новичок
*

Группа: User
Сообщений: 22
Регистрация: 16.2.2011
Поблагодарили: 3 раза
Репутация:   1  


пробовал, возможно что то не так делаю
вот кусок CSS

/* Special lists */
ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}

ul.tabbed {
display: inline;
margin: 0;
}
ul.tabbed li {float: left;}
/* Main navigation */
#main-nav a {
color: #888;
font-size: 1.5em;
padding: 9px 14px;
}
#main-nav li {background: url('img/navigation-separator.gif') no-repeat left center;}
#main-nav li:first-child {background: none;}
#main-nav li.current-tab a, #main-nav a:hover {color: #002;}
#main-nav li.current-tab a {background: url('img/navigation-arrow.gif') no-repeat center bottom;}

PS наверное проще было заказать натянуть дизайн )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fly_gr
fly_gr
Topic Starter сообщение 24.4.2011, 14:29; Ответить: fly_gr
Сообщение #4


Новичок
*

Группа: User
Сообщений: 22
Регистрация: 16.2.2011
Поблагодарили: 3 раза
Репутация:   1  


Спасибо, разложил все по классам и разобрался.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1068 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2959 22.11.2017, 17:34
автор: metvekot
Горячая тема (нет новых ответов) [предлагаю] Качественные услуги по PHP/HTML/CSS/JS, любые движки
Услуги программирования
31 Alexandr_js 10057 2.11.2017, 16:36
автор: gretskov
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1993 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Оформление внешних ссылок при помощи CSS
Каким образом можно оформить стилями внешние ссылки сайта
7 komarik_vlad 873 25.10.2017, 9:30
автор: x64


 



RSS Текстовая версия Сейчас: 17.12.2017, 6:32
Дизайн