Borders around images

jeanm · 04-10-2011, 09:53 AM

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 · 04-10-2011, 11:09 AM

Code:

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

.headimage {
border:0;
}

HTML Code:

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

d a v e · 04-10-2011, 11:42 AM

of instead simply target all the images in the main content

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

jeanm · 04-10-2011, 01:18 PM

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

Jean

d a v e · 04-10-2011, 01:30 PM

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 · 04-13-2011, 09:29 PM

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

d a v e · 04-14-2011, 04:02 AM

Quote:

Originally Posted by Sault Web Desig

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 · 04-14-2011, 07:11 AM

hehe.

in fact I prefer daves method.

helloworld · 04-18-2011, 07:57 PM

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.

04-10-2011, 09:53 AM	#1
jeanm Silver Member Join Date: Oct 2010 Location: Bunbury, Western Australia Posts: 114	Borders around images 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.

04-13-2011, 09:29 PM	#6
Sault Web Desig New Member Join Date: Apr 2011 Location: Sault Ste Marie, Ontario Canada Posts: 5	I would use phreadee's suggestion as the more you can avoid inline styling the better __________________ Trevor Seabrook Sault Web Design - For all your web design needs info@saultwebdesign.com

04-18-2011, 07:57 PM	#9
helloworld Bronze Member Join Date: Mar 2011 Location: Portland, OR Posts: 98	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. __________________ Joe Benak of Hello World Design Custom Website Design in Portland Oregon

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

04-10-2011, 11:09 AM	#2
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,133	Code: img { border:1px solid #231f20; /or any colour you choose / } .headimage { border:0; } HTML Code: <!-- image in header --> <img class="headimage" src="headimage.jpg" alt="blah blah" />

04-10-2011, 11:42 AM	#3
d a v e Platinum Member Join Date: Sep 2010 Posts: 509	of instead simply target all the images in the main content .content img {border:1px solid #000;}

04-10-2011, 01:18 PM	#4
jeanm Silver Member Join Date: Oct 2010 Location: Bunbury, Western Australia Posts: 114	Thank you both very much. Problem is now fixed. Much appreciated. Jean

04-10-2011, 01:30 PM	#5
d a v e Platinum Member Join Date: Sep 2010 Posts: 509	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!

04-14-2011, 07:11 AM	#8
Phreaddee Diamond Member Join Date: Feb 2011 Location: Newcastle, Australia Posts: 1,133	hehe. in fact I prefer daves method.