I want to display 5 images in a single row with similar size and space

Some one please help me how to do it.

I am trying to use ul and li tags inside li tag I have anchor tag , on hover anchor tag want to change the image

images of 60px height and 75px width Need help on this.

1 answer

fmz 14
1
point
<ul>
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>

CSS

ul li {float: left, padding 0 5px; }

On the list anchor tags you will want to set a background image and set it as a sprite with the mouse over to change its position from center bottom to center top.

Answered almost 8 years ago by fmz