how do i do this? css question

[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

[Amputate Your Head]

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?

a img {
border:none;}

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

[xerex]

try this:

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

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

[Mutt]

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]

set a class for the ones you want with a border

[Amputate Your Head]

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]

set a class for the ones you want with a border

thats the way I would go

[Mutt]

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]

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]

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]

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

.picnoborder

to differentiate from the ones that do.