Borders around images

[jeanm]

I want a fine border around the six big images on this page but I don't want that same line around the head photo in the top left corner. Could someone please tell me what I need to do? The reference is:
http://d7806.mysite.westnethosting.com.au/index.php

Thank you in advance.

 

[Phreaddee]

img {
border:1px solid #231f20; /*or any colour you choose */
}

.headimage {
border:0;
}

<!-- image in header -->
<img class="headimage" src="headimage.jpg" alt="blah blah" />

 

[d a v e]

of instead simply target all the images in the main content

.content img {border:1px solid #000;}

 

[jeanm]

Thank you both very much. Problem is now fixed. Much appreciated.

Jean

 

[d a v e]

btw is this a new site because most/all the links are broken?

and it would be really nice to have some bigger images available form those smaller ones using something like http://www.huddletogether.com/projects/lightbox2/ for example. you have some really nice stuff there!

 

[Sault Web Desig]

I would use phreadee's suggestion as the more you can avoid inline styling the better

 

[d a v e]

I would use phreadee's suggestion as the more you can avoid inline styling the better

and what was wrong with my solution? no inline css there

 

[Phreaddee]

hehe.

in fact I prefer daves method.

 

[helloworld]

i always reset this in my first few lines of css with the below.. and I get rid of outlines too.
a img { border:0;}
and then if theres a specific need for a border ill target that class' children.