вопрос по стилям списков css

12
P
На сайте с 05.09.2015
Offline
1
941

верстальщик отключил стили во всех списках, чтобы было легче сделать меню.

html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; list-style: none; }

но мне нужны стили в списках в области контента

для этого создал два класса

.galka {list-style-image:url(../images/galochka1.png)}

.galka1 {list-style-image:url(../images/galochka.png)
}

и ничего не работает. если я убираю ul,ol,li,d из предыдущего кода

html,body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; list-style: none; }

то списки отображаются как надо, но меню рушится. когда возвращаю все в изначальную позицию списки отображаются не так как надо. Перепробовал все, что мог. Ничего не получается.

Может кто сможет помочь. пожалуйста, помогите.

WoWeb
На сайте с 18.08.2015
Offline
5
#1
piligprim:
верстальщик отключил стили во всех списках, чтобы было легче сделать меню.

html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; list-style: none; }


но мне нужны стили в списках в области контента
для этого создал два класса

.galka {list-style-image:url(../images/galochka1.png)}

.galka1 {list-style-image:url(../images/galochka.png)
}

и ничего не работает. если я убираю ul,ol,li,d из предыдущего кода
html,body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; list-style: none; }


то списки отображаются как надо, но меню рушится. когда возвращаю все в изначальную позицию списки отображаются не так как надо. Перепробовал все, что мог. Ничего не получается.

Может кто сможет помочь. пожалуйста, помогите.

пропишите полный путь к классу, к примеру .wraper .content ul li{list-style-image:url(../images/galochka1.png)}

или

.wraper .content .galka {list-style-image:url(../images/galochka1.png)}

Создание SEO оптимизированных сайтов | Продвижение сайтов (http://woweb.com.ua/)
P
На сайте с 05.09.2015
Offline
1
#2
WoWeb:
пропишите полный путь к классу, к примеру .wraper .content ul li{list-style-image:url(../images/galochka1.png)}
или
.wraper .content .galka {list-style-image:url(../images/galochka1.png)}

прописал полный путь к классу. ничего не изменилось.

может можно как-то отключить стили списков только в разрешенных местах? мне надо отключить в классе menuleft.

такая конструкция не работает

.menuleft ul,ol,li { margin: 0; padding: 0; list-style: none; }

меню отображается нормально, а списки идут без картинки

WoWeb
На сайте с 18.08.2015
Offline
5
#3
piligprim:
прописал полный путь к классу. ничего не изменилось.
может можно как-то отключить стили списков только в разрешенных местах? мне надо отключить в классе menuleft.
такая конструкция не работает

.menuleft ul,ol,li { margin: 0; padding: 0; list-style: none; }

меню отображается нормально, а списки идут без картинки

тогда допишите important

list-style-image:url(../images/galochka1.png)!important;

Я бы быстрее помог, если бы вы показали сайт где это делаете.

P
На сайте с 05.09.2015
Offline
1
#4
WoWeb:
тогда допишите important

list-style-image:url(../images/galochka1.png)!important;

Я бы быстрее помог, если бы вы показали сайт где это делаете.

дописал !important. все равно не работает

ссылка на сайт http://nash-kabinet.ru/ Работаю на главной странице

WoWeb
На сайте с 18.08.2015
Offline
5
#5

Где нужно отключить галочки а где включить?

Можете постучасться в скайп или аську, контакты у меня в профиле.

Z0
На сайте с 03.09.2009
Offline
827
#6

Проставьте нужные стили в самом низу css-файла или пропишите в самих элементах. Возможно стили перебиваются 🍿

P
На сайте с 05.09.2015
Offline
1
#7
WoWeb:
Где нужно отключить галочки а где включить?
Можете постучасться в скайп или аську, контакты у меня в профиле.

в этом списке на главной странице надо включить галочки

1. Наш Кабинет обучает студентов с 2003 года и работает с веб-мастерами с 2007 года

Наш Кабинет — один из старейших, и наш опыт сполна работает на вас. Сегодня это :

услуги по выполнению индивидуальных работ студентам;
банк рефератов, курсовых и дипломных работ;
повышение уникальности студенческой работы;
контент для сайта.


---------- Добавлено 06.09.2015 в 20:20 ----------

ziliboba0213:
Проставьте нужные стили в самом низу css-файла или пропишите в самих элементах. Возможно стили перебиваются 🍿

не помогло

WoWeb
На сайте с 18.08.2015
Offline
5
#8
piligprim:
в этом списке на главной странице надо включить галочки

1. Наш Кабинет обучает студентов с 2003 года и работает с веб-мастерами с 2007 года

Наш Кабинет — один из старейших, и наш опыт сполна работает на вас. Сегодня это :

услуги по выполнению индивидуальных работ студентам;
банк рефератов, курсовых и дипломных работ;
повышение уникальности студенческой работы;
контент для сайта.


---------- Добавлено 06.09.2015 в 20:20 ----------


не помогло

Добавьте в css файл:

.menuleft ul li {

position: relative;

list-style: none;

}

Уберите из:

html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, blockquote, fieldset, input {

margin: 0;

padding: 0;

list-style: none; - уберите строчку

}

У Вас в css черт ногу сломит =) И на будущее: 2 тега h1 на странице - недопустимая ошибка с точки зрения seo

P
На сайте с 05.09.2015
Offline
1
#9
WoWeb:
Добавьте в css файл:

.menuleft ul li {
position: relative;
list-style: none;
}

Уберите из:
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, blockquote, fieldset, input {
margin: 0;
padding: 0;
list-style: none; - уберите строчку
}

У Вас в css черт ногу сломит =) И на будущее: 2 тега h1 на странице - недопустимая ошибка с точки зрения seo

спасибо, заработало. только галочки и сами списки надо еще как-то подвинуть вправо. что посоветуете?

Что в css черт ногу сломит - это спасибо верстальщику. у меня вроде 1 тег h1 на странице. остальные h2 и h3

Z0
На сайте с 03.09.2009
Offline
827
#10
WoWeb:

И на будущее: 2 тега h1 на странице - недопустимая ошибка с точки зрения seo

Кто вам такое сказал? :)

/ru/forum/comment/10780563

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий