Forum Moderators: not2easy

Message Too Old, No Replies

Picture borders and CSS

         

fresh

10:49 pm on Feb 26, 2004 (gmt 0)

10+ Year Member



Question: i have a dreamweaver product page that includes navigation and product images.

What i want to do is apply the CSS to the navigation but NOT the images. the images are linked and have a 1 black border that i like but I do not want the navigation styles to apply - suggestions?

thanks,
doug

mipapage

10:59 pm on Feb 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld!

Hmm, it'd be nice to see a code snippet, but as it sounds like the image resides inside your anchor element, try something like this:

a img {border:none}... or maybe what you mean is this:
a img {border: 1px solid #000}?

be sure not to post any links!

fresh

11:06 pm on Feb 26, 2004 (gmt 0)

10+ Year Member



thank very much for your reply. perhaps I mis-communicated. I WANT the border. I just don't want it to be affected by the style sheet, that is when someone hovers over a product image I do NOT want the black border to turn turn purple for example.

Here is the part of the page code:

<tr>
<td width="33%" height="200" align="center" valign="middle"> <font face="arial, helvetica, sans-serif" size="2"><br>
<a href="/products/oils/hmo8.html"><img src="/images/oil_8oz_150.jpg" width="88" height="150" border="1"></a>
<br>
Healing Massage Oil<br>
8 oz.<br>
<font color="#666666" face="arial, helvetica, sans-serif" size="2">$16.75</font></font></td>

mipapage

12:13 am on Feb 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Okay, and that second example did not work?

Hmm.. maybe lose the 'border="1"' and just use css for that border..

This should work...

a img {border:1px solid #000}

grahamstewart

9:21 am on Feb 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



and consider ditching the font tag as well...

mipapage

10:15 am on Feb 27, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



funny, I didn't even see it.