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  


Спасибо, разложил все по классам и разобрался.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыHTML/CSS обучение верстке сайтов с профессиональным подходом
0 Smile3D 200 Вчера, 20:38
автор: Smile3D
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3176 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 401 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 646 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Sonar.Network - облачный сервис поиска ошибок на сайте, валидации html, js, css
0 Tchort 988 20.4.2018, 17:53
автор: Tchort


 



RSS Текстовая версия Сейчас: 28.5.2018, 7:35
Дизайн