PDA

View Full Version : CSS glossy vertical menu



helijohn
11-20-2007, 04:35 AM
Am I supposed to have unordered list bullets showing to left of menu? They seem superfluous to me but I can't find a way to delete them despite code as below:
.glossymenu{
list-style-type: none;

Is it me?!

jc_gmk
11-20-2007, 09:32 AM
Depends on you code but make sure you apply it to the right element.

e.g.

either


.glossymenu {
list-style-type: none;
}

<div>
<ul>
<li class="glossymenu">something</li>
</ul>
</div>


or


.glossymenu ul li {
list-style-type: none;
}

<div class="glossymenu">
<ul>
<li>something</li>
</ul>
</div>

helijohn
11-20-2007, 11:03 AM
Am I supposed to have unordered list bullets showing to left of menu? They seem superfluous to me but I can't find a way to delete them despite code as below:
.glossymenu{
list-style-type: none;

Is it me?!
Thanks. Still experimenting but so far it is just howing as a normal text link.

helijohn
11-20-2007, 11:05 AM
Thanks. Still experimenting - lose background images and reverts to a normal ext link -with bullets!

jc_gmk
11-20-2007, 12:55 PM
Thanks. Still experimenting but so far it is just showing as a normal text link.

The code that i've given you will only be seen as normal text links.

You need to intergrate it with the code you have already got.
If you post some code here it might be easier to help.

helijohn
11-28-2007, 11:56 AM
This is the code as I have it on page. Everything fine - just don't need the bullet points as they seem to detract from appearance.


.glossymenu ul li{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 110px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Verdana, Helvetica, sans-serif", "Trebuchet MS", Lucida Grande;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{
width: 110px;
list-style-image: none;
list-style-type: none;
}

boogyman
11-28-2007, 01:26 PM
when you submit code can you please wrap it in [code] tags, and can you submit us the html you used? the css alone doesn't help us.