Jump to content
  • 0

Как сдвинуть изображение маркированного списка


PandaMan
 Share

Question

Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком.

Маркером является png изображение.

После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо.

Как всё выглядит в демо шаблона:

bcc3c0b495bbc6377e0a8e0052bea457.png

Как выглядит у меня:

10a685d3774443b58231bc1b581d8f37.png

Как мне подвинуть маркер повыше ?

Код отвечающий за интерлиньяж и маркер:

div.gk-menu > ul.level0 > li .childcontent ul li {background: transparent url('../images/style1/menu_dot.png') no-repeat 4px 13px !important; padding:0 0 0 16px; margin: 0 20px; display: block; line-height:18px; text-align:left;}

Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0

Попробуйте поиграть с background-position

С живым примером было бы проще вам помочь

Игрался с

background: transparent url('../images/style1/menu_dot.png') no-repeat 4px 13px !important;

Такое ощущение будто вообще ничего не меняется.

Link to comment
Share on other sites

  • 0

Дайте ссылку на ваш сайт

Если косяк в выпадающем меню, то попробуйте так:

div.gk-menu > ul.level0 > li .childcontent ul li {
background: url("../images/style3/menu_dot.png") no-repeat scroll 4px 7px transparent !important;
}

В сайдбаре всё ровно вроде

Edited by br3t
Link to comment
Share on other sites

  • 0

Дайте ссылку на ваш сайт

Если косяк в выпадающем меню, то попробуйте так:

div.gk-menu > ul.level0 > li .childcontent ul li {
background: url("../images/style3/menu_dot.png") no-repeat scroll 4px 7px transparent !important;
}

В сайдбаре всё ровно вроде

Попробовал. Изменений нет :(

————

Получилось.

Только поменял эти же значения в другом css файле.

Строчки бэкграунда были одинаковые. Но значения считывались с другого css файла.

Спасибо за помощь.

Edited by PandaMan
Link to comment
Share on other sites

  • 0

Исправляли тут? /templates/gk_finance_business/css/style3.css

Поставьте сейчас и проверьте

Поставил.

:)

Рекомендую пользоваться Firebug - для этих целей он весьма и весьма

Я пользуюсь хромовским.

Надо переходить на firebug.

Edited by PandaMan
Link to comment
Share on other sites

  • 0

div.gk-menu > ul.level0 > li .childcontent .gkcol:first-child > ul {

Селектор просто ахтунг, я когда 3-й элемент добавляю - в животе холодеет. Вам точно надо все 8 элементов?

Мне надо внести лишь некоторые правки в шаблон.

Link to comment
Share on other sites

  • 0

/templates/gk_finance_business/css/menu.css

div.gk-menu > ul.level0 > li .childcontent .gkcol:first-child > ul {
border-left: medium none;
width: 250px;
}

Сделал. В итоге получил вот, что:

——————

Да, я понимаю, что не по теме высказался, сейчас главное результат, Это так, мысль на будущее самостоятельное.

Я мало читал о селекторах.

Но понял, что у меня 8 элементов(смог посчитать).

Т.е. лучше использовать 1-3 элемента ?

Link to comment
Share on other sites

  • 0

Да, я понимаю, что не по теме высказался, сейчас главное результат, Это так, мысль на будущее самостоятельное.

Я мало читал о селекторах.

Но понял, что у меня 8 элементов(смог посчитать).

Т.е. лучше использовать 1-3 элемента ?

У меня почему-то получается 90-95% процентов селекторов одноэлеменетные. Правда почти все теги имеют классы.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy