Solved

HTML List- Using Customized Pics

Posted on 1998-11-01
2
170 Views
Last Modified: 2010-04-09
I'd like to use a picture instead of the standard dot (or circle or whatever) in List (created using the UL tag). Is it possible to do this using just HTML or maybe CSS1 ?
Please provide an example of the HTML/CSS lines needed to implement this.
0
Comment
Question by:offer
2 Comments
 
LVL 4

Accepted Solution

by:
rafistern earned 200 total points
ID: 1839343
What you can do in standard html is to create a table layed out the same as the list would be.
<table>
<tr>
<td valign=top><img src="mybullet.gif></td>
<td>My text</td>
</tr>
...
</table>


IE4 also supports the style syntax:

ul {list-style-image:url(the/url/of/the/image.gif);}
0
 

Author Comment

by:offer
ID: 1839344
The first part of the solution is more of a workaround than a solution, the second works only for a specific browser... Nonetheless, better a workaround than nothing at all.
10x, rafistern.
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Popularity Can Be Measured Sometimes we deal with questions of popularity, and we need a way to collect opinions from our clients.  This article shows a simple teaching example of how we might elect a favorite color by letting our clients vote for …
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now