...

View Full Version : ul, li backgrounds



Snitz
05-12-2009, 09:56 AM
Hi there,

Please have a look at the attached screenshot of my menu, as you can see it is a multi level menu, what I want to do is to replace the arrow on the second level by another image (bullet.gif) and the arrow of the 3rd level (which is hidden now) by another image.

This is my current css code


div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilite ul {
margin: 0;
padding: 0;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
background: url(../images/menu-arrow.gif) no-repeat 5px 8px;
margin: 0;
padding-left: 16px;
}

Thanks.

abduraooft
05-12-2009, 10:04 AM
Please post your relevant HTML too.

Snitz
05-12-2009, 10:15 AM
There you go


<div id="el-containerwrap<?php echo $divid; ?>">

<div id="el-container">
<div id="el-container-inner" class="clearfix">
<?php if ($el_left) { ?>
<div id="el-col1">
<div class="el-innerpad">

<?php if ($hasSubnav) { ?>
<div id="el-subnav" class="moduletable_menu">
<h3>On this page</h3>
<?php $jamenu->genMenu (1,1); ?>
</div>
<?php } ?>

<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php } ?>

And thanks.

abduraooft
05-12-2009, 10:33 AM
That's not your html, is it? We need to see your parsed output taken from browsers view source option. Or a link would be much better.

Snitz
05-12-2009, 10:40 AM
Oh, sorry for the mistake.

Here's a link: LINK (http://bocti.seomena.com) (guest/guest)

And here is the output


<div id="el-containerwrap">

<div id="el-container">
<div id="el-container-inner" class="clearfix">
<div id="el-col1">
<div class="el-innerpad">


<div class="moduletable">
<h3>Non Alcoholic Beverages</h3>

<ul class="menu"><li class="item176"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=91&amp;Itemid=176"><span>Food</span></a></li><li class="parent item177"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=92&amp;Itemid=177"><span>Non Alcoholic Beverages</span></a><ul><li class="item194"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=72&amp;Itemid=194"><span>Appollinaris</span></a></li><li class="item195"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=73&amp;Itemid=195"><span>G Variety</span></a></li></ul></li><li class="item178"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=93&amp;Itemid=178"><span>Spirits</span></a></li><li class="item179"><a href="/bocti/index.php?option=com_content&amp;view=article&amp;id=94&amp;Itemid=179"><span>Wine &amp; Champagne</span></a></li></ul> </div>
<div class="moduletable_hilite">
<h3>Spotlight 1</h3>
<p><img src="/bocti/images/stories/arrow2.gif" border="0" width="61" height="66" align="left" />Small description of item in the spotlight </p> </div>


</div>
</div>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum