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 Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Replace Bullets w/ an image
- Thread starter mdr227
- Start date
<ul style="list-style:url(tubedot.gif)">
<li >one</>
<li>two</>
<li>three</>
</ul>
Clive
<li >one</>
<li>two</>
<li>three</>
</ul>
Clive
kpetursson
Programmer
to make it more flexable you can place the style bit into you CSS file.
HTML
<ul class="pict1">
<li>one</li>
<li>two</li>
<li>three</li>
<ul>
CSS
ul.pict1{
list-style-image:url(../images/pict1.jpg);
padding: 0 0 0 5px;/* Adjust this to suit the width of your graphic*/
}
Using the CSS file will allow you to have a consistant look to multiple pages, and allow better control to the display of you pages.
Kevin Petursson
HTML
<ul class="pict1">
<li>one</li>
<li>two</li>
<li>three</li>
<ul>
CSS
ul.pict1{
list-style-image:url(../images/pict1.jpg);
padding: 0 0 0 5px;/* Adjust this to suit the width of your graphic*/
}
Using the CSS file will allow you to have a consistant look to multiple pages, and allow better control to the display of you pages.
Kevin Petursson
- Status
Similar threads
- Locked
- Question
- Locked
- Question