Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Images and Bulleted lists 3

Status
Not open for further replies.

LLudlow

Programmer
Oct 5, 2001
186
CA
I am trying to use an image as a bullet for a list. The problem is that I cannot get the text to look like a bulleted list when i do this. The text does not line up correctly if the line is long and wraps down to the next line.
Can i use an image as a bullet?
If not is there any way that i can change the color of the <li> tag from black to a blue?
 
Hi,

This is a good workaround. I tested it in IE4.0 and NN4.73

<li style=&quot;color:#00CCFF&quot;><font color=&quot;#000000&quot;>text1</font></li>
<li style=&quot;color:red&quot;><font color=&quot;black&quot;>text2</font></li>

Hope this helps,
Erik
 
It is also possible to use an image as the bullet...but I seriously doubt NN4.x will support it.

ul {
list-style-image: url(&quot;yourimage.gif&quot;);
}
 
you could try creating your own list using tables.

if you create a table with two columns, you can put the image to be used as a bullet in the left hand column and your list items in the right. all you need to do is align the contents to the top of the cells

ss
 
Actually....Netscape does support images in a list just not an ul/ol. Try this:
<DL>
   <DD><IMG SRC=&quot;Images/star.gif&quot; width=&quot;16px&quot; height=&quot;16px&quot;>Something</DD>
   <DD><IMG SRC=&quot;Images/star.gif&quot; width=&quot;16px&quot; height=&quot;16px&quot;>Something else</DD>
</DL>
 
This worked for me:

<TABLE border=0 cellPadding=0 cellSpacing=0 width=&quot;100%&quot;>
<BR>
<TR>
<TD><BR><IMG SRC=&quot;sharedgraphics/goldarrow.jpg&quot;></TD>
<TD><BR><FONT color=black face=verdana size=&quot;2&quot;><a href=&quot;a.htm&quot;>Toronto Project</A></TD>
</TR>
<TR>
<TD><BR><IMG SRC=&quot;sharedgraphics/goldarrow.jpg&quot;></TD>
<TD><BR><FONT color=black face=verdana size=&quot;2&quot;><a href=&quot;b.htm&quot;>St. John's Project</A></TD>
</TR>
<TR>
<TD><BR><IMG SRC=&quot;sharedgraphics/goldarrow.jpg&quot;></TD>
<TD><BR><FONT color=black face=verdana size=&quot;2&quot;><a href=&quot;c.htm&quot;>Victoria Project</a></TD>
</TR>
</FONT>
</TABLE>
 
Good answer, Rayna. I've used that solution myself on a few occassions. Tracy Dryden
tracy@bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top