Jump to content
  • 0

Опять верстаю меню в joomla, проблема с маркерами


Игорёk
 Share

Question

Всем привет!

начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой)

Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу :)(

WVW2q4ae.jpg

Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи.

http://soleks.ru.preview.ihc.ru/

Благодарю за советы :rolleyes:

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Не совсем понял в чем проблема, но если в выравнивании маркеров то попробуйте display: inline-block + паддинг + бекграунд с <li> на <a>, а на <li> задать бекграунд со стрелкой, а вообще если у вас темный бекграунд url("../images/listSqBackground.gif") no-repeat scroll 0 0 transparent на темном фоне, то его можно и убрать вообще, и сразу задавать стрелку на <li> без дальнейших телодвижений :facepalmxd:

Link to comment
Share on other sites

  • 0

Всем привет!

начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой)

Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу :((

WVW2q4ae.jpg

Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи.

http://soleks.ru.preview.ihc.ru/

Благодарю за советы :facepalmxd:

Привет, подсказываю.

<style type="text/css">
ul#mainlevel_leftNav
{
margin: 5px 0;
padding: 0 0 0 20px;
}
ul#mainlevel_leftNav li
{
margin: 5px 0;
padding: 0 0 0 20px;
list-style-type: none;
background: url('images/listSq.gif') no-repeat 0 6px #000;
}
</style>

Все встанет, на свои места.

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