img link border

[jagguy]

I have images as inks and a border around I can't get rid of that has been put in.
I can't get rid of it .
I use this and various other with 'a'.

.imgsub {
text-decoration:none;
}

<a href='homeYr11.php' class='imgsub' ><img src='images/yr11.gif' > </a>

[foxbeefly]

Hi

The CSS you are looking for is:

border: 0;

So:

img {
border: 0;
}

<a href='homeYr11.php'><img src='images/yr11.gif' /> </a>

[jagguy]

It workd with img class but not 'a' class as in
a.imgsub {
border:0;
}

<a href='homeYr11.php' class='imgsub'><img src='images/yr11.gif' /> </a>

[foxbeefly]

OK: difficult to do this without seeing all your code...

2 issues here:
1) you can have a border around an image (the border poperty).
2) you can have a border around an image that is a link (the text-decoration property).

In the code you have written, you have created a class for a link called imgsub, and you have specified that it have no border.

You have then applied that class to your link (correctly), but what about the img tag?

So:

.imgsub {
border:0;
text-decoration: none;
}

<a href='homeYr11.php' class='imgsub'><img class='imgsub' src='images/yr11.gif' /> </a>

If that doesn't work (and although it should work - it is not neccesarily correct mark-up in relation to the rest of your code), your prob may be elsewhere...

[blakeelias]

It workd with img class but not 'a' class as in
a.imgsub {
border:0;
}

<a href='homeYr11.php' class='imgsub'><img src='images/yr11.gif' /> </a>

That's because technically it's the image that it puts a border around, not actually the a element. Don't bother formatting any classes of A, it's about the img.

[Mr J]

Try this

<style>

a img{
border:0px
}

</style>

<a href="page.htm"><img src="image.jpg"></a>