Solved

HTML List- Using Customized Pics

Posted on 1998-11-01
2
183 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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

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…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

785 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