5 replies [Last post]
homchz
Offline
Enthusiast
Last seen: 13 years 30 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 19 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

List Images?

then you set the unordered list with that class, ie:

<ul id="nav2">
<li> list 1 </li>
<li> etc </li>
</ul>

Verschwindende wrote:
  • CSS doesn't make pies

homchz
Offline
Enthusiast
Last seen: 13 years 30 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

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

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

List Images?

Post the CSS/html but it may the graphic itself can you attach the graphic ?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

homchz
Offline
Enthusiast
Last seen: 13 years 30 weeks ago
Joined: 2004-07-23
Posts: 77
Points: 0

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