PDA

View Full Version : Images as links are overlapping!



clock
07 Sep 2007, 06:11 PM
Hi there,

I am designing a website and I want to have a string of links at the top for navigation. For the links, I am using .png images.

I am quite new at CSS but learning all the time. There is probably a standard way to put links in but I don't really know the proper way. Can anyone help me? I am unsure of how to get them lined up side-by-side (horizontaly vs. vertically)... by default they become a list.

Hope someone can help,

Thanks,

Melinda

Wickham
08 Sep 2007, 03:48 AM
Images will normally be side by side horizontally so I don't know why you are having a problem. They are inline elements like text.

This code will make the images into links and show them side by side:-

<a href="page1.html"><img src="image1.png" alt="Image 1"></a>
<a href="page2.html"><img src="image2.png" alt="Image 2"></a>
<a href="page3.html"><img src="image3.png" alt="Image 3"></a>