Html menu and links

Hi everyone,

I have this html code that I like to use on my site, but it has bullet points Is there a way I could add a small picture on the left sort of like bullet points but small images.

<ul class="menu">
  <li><a href="http://website2.com" class="active" target="_top"><span>Link 1</span></a></li>
  <li><a href="http://website.com" target="_top"><span>Link 2</span></a></li>
</ul>

Code (markup):

 

You can insert the <img> into your code:

<li> <img src="image-source.html" height="25" width="25"><a href="http://website2.com" class="active" target="_top"><span>Link 1</span></a></img></li>

same process for the following menu

Hope it helps.

 

If you want the same image for all items, you should modify it via CSS with list-style-image attribute

 

CSS will be easier then putting the <IMG> tag in for every point.

ul
{
list-style-image: url("/images/dot.jpg");
list-style-type:square;
}

 

I agree! Its easier and perfect.

 

Yes. use CSS is the best way. Might specific code like this

.menu ul {
{
list-style-image: url("/images/dot.jpg");
list-style-type:square;
}

 

I need to create my own personal page using HTML. Can someone,please,give me some ideas,tips of how can I do it ? Thank you! I would really appreciate it

 

ul
{
list-style-image: url("/images/imagename.jpg");
}

 

so...this is the way i can post my picture?

 

yes but it will have to be the same picture, or else you would have to create different classes.