how do i do this? css question - GoFuckYourself.com

Mutt · 08-01-2010, 08:25 AM

a img {
border:none;}

that's in the style sheet but there's ONE clickable image I want to have a border - nothing i've tried works.

thanks

Amputate Your Head · 08-01-2010, 08:28 AM

Quote:

Originally Posted by Mutt

a img {
border:none;}

that's in the style sheet but there's ONE clickable image I want to have a border - nothing i've tried works.

thanks

If it's just one pic, why not simply throw a graphical border on that one?

Quote:

a img {
border:none;}

...will effectively cancel out all image css borders. (as you know).

xerex · 08-01-2010, 08:29 AM

try this:

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

<a href="#"><img src="image.jpg" class="border" /></a>

Mutt · 08-01-2010, 08:30 AM

Quote:

Originally Posted by Amputate Your Head

If it's just one pic, why not simply throw a graphical border on that one?

...will effectively cancel out all image css borders. (as you know).

i thought of that but there's over a hundred photos i've already watermarked - i know it's only 10 minutes work to do them all over with a graphical border but i wanted to see if somebody has a CSS solution first before redoing the photos.

fris · 08-01-2010, 08:34 AM

set a class for the ones you want with a border

Amputate Your Head · 08-01-2010, 08:36 AM

Quote:

Originally Posted by Mutt

i thought of that but there's over a hundred photos i've already watermarked - i know it's only 10 minutes work to do them all over with a graphical border but i wanted to see if somebody has a CSS solution first before redoing the photos.

ahhhh, i thought you only needed one pic with a border. my bad.

Vendzilla · 08-01-2010, 08:36 AM

Quote:

Originally Posted by fris

set a class for the ones you want with a border

thats the way I would go

Mutt · 08-01-2010, 09:59 AM

Quote:

Originally Posted by fris

set a class for the ones you want with a border

i did and it didn't work

i went

a pic{
border: 3px;
color: #FFF;
}

then class="pic" on the image

didn't work, did i do it wrong?

i fixed it by taking out the a img {border: none} - and put border: none on the id's that needed them and that let me add my border style to the image i wanted to have the border on.

Mutt · 08-01-2010, 10:00 AM

Quote:

Originally Posted by Mutt

i did and it didn't work

i went

a pic{
border: 3px;
color: #FFF;
}

then class="pic" on the image

didn't work, did i do it wrong?

i fixed it by taking out the a img {border: none} - and put border: none on the id's that needed them and that let me add my border style to the image i wanted to have the border on.

oh, i should have done

a .pic

Why · 08-01-2010, 11:49 AM

img.pic
a .pic
a img.pic
a.pic img

should all work. depending on where you set your class. i would set the class in the image, and use the first line.

firequartz · 08-01-2010, 12:04 PM

You may want to make the style name more self-explanatory .. such as

.picnoborder

to differentiate from the ones that do.

08-01-2010, 08:25 AM	#1
Mutt Too lazy to set a custom title Industry Role: Join Date: Sep 2002 Posts: 34,431	how do i do this? css question a img { border:none;} that's in the style sheet but there's ONE clickable image I want to have a border - nothing i've tried works. thanks __________________ I moved my sites to Vacares Hosting. I've saved money, my hair is thicker, lost some weight too! Thanks Sly!

08-01-2010, 08:29 AM	#3
xerex Confirmed User Industry Role: Join Date: Jan 2005 Location: icq.336487572 Posts: 751	try this: img.border {border:1px solid #000;} <a href="#"><img src="image.jpg" class="border" /></a> __________________ 336487572

08-01-2010, 08:34 AM	#5
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,372	set a class for the ones you want with a border __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

08-01-2010, 12:04 PM	#11
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	You may want to make the style name more self-explanatory .. such as .picnoborder to differentiate from the ones that do. __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com

08-01-2010, 11:49 AM	#10
Why MFBA Industry Role: Join Date: Mar 2003 Location: PNW Posts: 7,230	img.pic a .pic a img.pic a.pic img should all work. depending on where you set your class. i would set the class in the image, and use the first line.