Brand new to css. I'm setting up a page with images that link to larger versions. The page is linked to an external css sheet, mainly for text on the page.
I included thisline:
a:link img {border-color: #000000; border-width: 2px;}
a:visited img {border-color: #000000; border-width: 2px;}
to always keep a 2 px black border around the images. Problem is, any other liked images (buttons) with no borders, end up showing the same 2 px black border.
Go easy on me I'm new, any help is appreciated.
ThanksFor the images whom you do not want to have a border, give them a class name.
<style type="text/css"><!--
a:link img, a:visited img {
border: solid 2px #000;
}
img.noBorder {
border: none;
}
--></style>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.html" title="Go to a page."><img src="gotopage.gif" alt="Go to a page." class="noBorder"></a>
.
.
.
<img src=http://www.webdeveloper.com/forum/archive/index.php/"mykittens.jpg" alt="My kittens.">Thanks I'll give it it try.
I included thisline:
a:link img {border-color: #000000; border-width: 2px;}
a:visited img {border-color: #000000; border-width: 2px;}
to always keep a 2 px black border around the images. Problem is, any other liked images (buttons) with no borders, end up showing the same 2 px black border.
Go easy on me I'm new, any help is appreciated.
ThanksFor the images whom you do not want to have a border, give them a class name.
<style type="text/css"><!--
a:link img, a:visited img {
border: solid 2px #000;
}
img.noBorder {
border: none;
}
--></style>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"page.html" title="Go to a page."><img src="gotopage.gif" alt="Go to a page." class="noBorder"></a>
.
.
.
<img src=http://www.webdeveloper.com/forum/archive/index.php/"mykittens.jpg" alt="My kittens.">Thanks I'll give it it try.