Posted by saz on 07/14/05 17:20

In article <o1pcd1t0rblnogtm0h6cu74stq5pn7upeo@4ax.com>,
nospam@nospam.nospam says...
> In a page the consists of picture thumbnails, I have the following
> code that places a border around each picture and changes the colour
> of the border when the pointer hovers over a picture. This part works
> just fine.
>
> <STYLE TYPE="text/css">
> a.mainlink:link { font-family:Arial; font-size:10pt; color:Light
> Steel Blue; font-weight:normal; line-height: 11pt;}
> a.mainlink:visited { font-family:Arial; font-size:10pt; color:Light
> Steel Blue; font-weight:normal; line-height: 11pt;}
> a.mainlink:hover { font-family:Arial; font-size:10pt; color:#AF1F00;
> font-weight:bold; line-height: 11pt;}
> a.mainlink:active { font-family:Arial; font-size:10pt; color:red;
> font-weight:normal; line-height: 11pt;}
>
> img{border:1px solid blue;}
> a:hover img{border:1px dotted red;}
>
> img.noborder {border: 0px;}
> a.noborder:hover {border: 0px;}
>
> img{margin:.1em .1em;}
> </STYLE>
>
> An added complication is the need to place one graphic at the bottom
> of the page without having a border placed around it. Something like:
> <img align=top src="pic.gif" border=0>
> I'm sure that there is a simple solution to it, but no matter what I
> try, I cannot stop the border being placed in this section.
> Any suggestions?
>
>
>

Very simple solution. Give the bottom image it's own class without the
border.

[Back to original message]