Images and borders?

[jeannedark]

Hello,

 

I have a little problem with borders. I wanted to have borders for my images that I posted on my blog, so I wrote this text into CSS file:

 

img {

  padding: 5px;

  border: 1px solid #9b9ba5;

}

 

but I want to exclude some images, like emoticons (they look very ugly with borders), but I have no clue how to do that and I haven't found nothing about it on the Internet. Could someone help me with this? 

[wildteen88]

Give your emoticon images an inline style of border: none;

 

EG:

<img src="./emoticons/smilie.gif" style="border: none;" alt="" />

[jeannedark]

thanks

[jcombs_31]

That is one way, but I prefer to define elements in there section.  For example, If I don't any images in my header to have borders, I would define the image within the header element

 

#header img {

border: none;

}

 

etc...

 

Or you can make a no border class rather than doing the inline style each time

 

.noborder {

border: none;

}

 

<img class="noborder" src="..." />