Posted by Jonathan N. Little on 09/28/07 17:19

Daniel wrote:
> In a table cell (with a background color) I inserted 2 times the same
> transparent image (side by side). Everything appeared normal.
>
> I now added a hyperlink to the images and a navy blue border appears
> around each image. I would like to know how to remove the border and
> all styling so that the images butt up against one another again.
>
> Here is the code for that cell
>
> <a href="http://localhost/web/insp_add.php?inspid=9">
> <td class="conf" colspan="2" title="Time: 9:15
> Duration: 2:15 hr(s)
> Address: Montréal
> Status: Confirmed">
> <a href="http://localhost/web/insp_add.php?inspid=9">
> <img src="images/inspreq.gif" width="10" height="10"
> hspace="0" vspace="0" align="left"/>
> </a>
> <a href="http://localhost/web/insp_add.php?inspid=9">
> <img src="images/inspreq.gif" width="10" height="10"
> hspace="0" vspace="0" align="left"/>
> </a>
> </td>
> </a>
>
> I have tried the following in my css file
>
> link {
> margin: 20px;
> padding: 0px;
> border:none;
> text-decoration:none;
> }

Styling the LINK element eh? They have not visual styling they are
located in the HEAD portion of a document.

>
> a {
> text-decoration:none;
> border:none;
> }

What you want is:

/* IMGs that are a child of A, no border */
a img { border: 0; }


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]