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

If it's just one pic, why not simply throw a graphical border on that one? :2 cents:
...will effectively cancel out all image css borders. (as you know).

try this:

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

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

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.

set a class for the ones you want with a border

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

thats the way I would go

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

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.

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

.picnoborder

to differentiate from the ones that do.