html with table and images as links, i need to remove the border!!!!

  1. #1
    xenix1000xp D-A-L Guest

    Cool html with table and images as links, i need to remove the border!!!!

    i need help i am writing html code and i have 1 table and there are 6 images in different rows which i set as links, but everything works fine except there is a border around the images, i removed it and set colspacing to "0" and there is still a space between the images, i want to combine all the images without a space between them, can u help???? heres my html :


    <html>

    <head>

    <title> .:. X3TecH .:. </title>

    </head>


    <body>

    <table border="0" cellspacing="0" cellpadding="0" width="800">

    <tr>
    <td nowrap> <a href=""> <img src="title.bmp" border="0" vspace="0" hspace="0" width="800" height="108"> </a> </td>
    </tr>


    <tr>
    <td nowrap> <a href=""> <img src="link1.bmp" border="0" vspace="0" hspace="0" width="166" height="105"> </a> </td>
    </tr>


    <tr>
    <td nowrap> <a href=""> <img src="link2.bmp" border="0" vspace="0" hspace="0" width="147" height="64"> </a> </td>
    </tr>


    <tr>
    <td nowrap> <a href=""> <img src="link3.bmp" border="0" vspace="0" hspace="0" width="144" height="60"> </a> </td>
    </tr>


    <tr>
    <td nowrap> <a href=""> <img src="link4.bmp" border="0" vspace="0" hspace="0" width="144" height="60"> </a> </td>
    </tr>


    <tr>
    <td nowrap> <a href=""> <img src="link5.bmp" border="0" vspace="0" hspace="0" width="147" height="201"> </a> </td>
    </tr>


    </table>

    </body>

    </html>

  2. #2
    Sprocket is offline Junior Member
    Tackle the Web with $5.99 .COM's from Go Daddy!
    to get the images without a border and close together without gaps try making your code look somethink like this....

    Code:
    <td><img src="members.gif" alt="members list" style="display: block; margin: 0;" /></a></td>
    <td><img src="logout.gif" alt="logout" style="display: block; margin: 0;" /></a></td>
    <td><img src="search.gif" alt="search" style="display: block; margin: 0;" /></a></td>
    <td><img src="newpost.gif" alt="new posts" style="display: block; margin: 0;" /></a></td>
    this code should line up your gfx with no gaps and no boarders....

+ Reply to Thread