Mon, 2004-07-26 13:37
Very new to this so if I miss use a few terms please bare with me.
I am tryign to use list images but have yet to figure out how?
do I create the list image value in the text class I am building?
ie:
.nav2{
background-color:transparent;
color:#29537C;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
list-style-image:(XXXXXX.jpg);
text-align:right;
}
Or does it get it's own class, and then spanned across the list?
Thanks for any help,
Josh
Mon, 2004-07-26 19:28
#1
List Images?
Hi homchz,
list-style image styles the bullets in a ul/li element not on an ordinary class it would need be something like ul.nav2{list-style-image: url(xxxx.jpg);} needs the url before the () and a correct path if image not in same directiory.
Hugo
Mon, 2004-07-26 20:50
#2
List Images?
then you set the unordered list with that class, ie:
<ul id="nav2">
<li> list 1 </li>
<li> etc </li>
</ul>
Tue, 2004-07-27 10:48
#3
List Images?
Thanks guys,
I have them so they work now, but the layout if very wierd. I have to set unusually large margins or padding to ge thtem on the screen. THe standard bullet point works fine but my graphics seem to justify way left, I have taken them down for now, but I was setting margins at about 20px, just to see them in a browser.
Any ideas?
Thanks Again,
Josh
Tue, 2004-07-27 16:11
#4
List Images?
Post the CSS/html but it may the graphic itself can you attach the graphic ?
Tue, 2004-07-27 17:49
#5
List Images?
I have taken it down but I think is was something like this.
UL{
margin-top:1px;
margin-bottom:1px;
margin-left:1px;
padding-left:1px;
list-style-image:url(Images/Arrow.gif);
}
Then the HTML was somehting like
<div id="smboxbody">Coin Operated Equipment<br />
<li>Speed Queen<li>
<li>Milnor<li>.....
</div>
Here is the arrow