Hi guys,
Trying to add an image to a list item dynamically using the after
pseudo class. I got it working somewhat, but I don't want "content"
to be displayed (unless its a space). My CSS menus are dynamically
generated from a database - so using the after class is the best way
that I can think of to add this image.
Thoughts? CSS is below. . . . please see the comments
#ProductNavContainer
{
width:180px;
border:2px solid #CCC;
margin-top:10px;
padding-top:5px;
}
#ProductNavContainer ul
{
list-style: none;
font-weight:bold;
text-indent:0;
padding:0;
margin:0;
}
#ProductNavContainer li
{
border:1px solid #CCC;
padding-left:5px;
}
#ProductNavContainer li:after
{
display:inline-block;
width:5px;
background:url(../images/RightArrow.jpg) no-repeat;
content: "_"; /* Ok, I really don't want
content here, only the background image to be
displayed. If I put
nothing in here, the image doesn't get displayed. Right
now, the image is
getting displayed properly, but I have an ugly underscore
that I don't want.
A doesn't work here. */
}
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
