Results 1 to 2 of 2

Thread: Images as links are overlapping!

  1. #1
    Join Date
    Jun 2007
    Posts
    25

    Exclamation Images as links are overlapping!

    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

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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>
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Replies: 1
    Last Post: 16 Jul 2007, 02:46 PM
  2. Clicking links through images
    By Lammox in forum Tutorials
    Replies: 0
    Last Post: 24 Mar 2007, 07:42 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •