Glenn E. Lanier, II wrote:
>> From: Joanne
>> Sent: Friday, June 02, 2006 7:18 PM
>>
>> #p7PMnav a, {
>> display: block;
>> text-decoration: none;
>> background-color: #d3c6a6;
>> color: #CCCCCC;
>> font-size: 90%;
>> }
>>
>> When I hand code an image in to the hyperlink, (this is a
>> Project Seven PMM
>> menu) firefox shows a line underneath the image. How do I get
>> rid of the
>> line? (as you can see, text-decoration: none; doesn't work)
>>
>
> Joanne,
>
> First, I would remove the comma (not that it causes a problem, I'm just CDO
> (that's OCD, but in alphabetical order (as it should be!) ;->)).
>
Actually, it does cause a problem: final declarations with commas at the
end will not be read. Only put a comma between declarations, not at the
end of a list of them.
> #p7PMnav a {
> display: block;
>
> Try, #p7PMnav a img
> {
> border:none;
> }
>
>
I suspect that the line of color is actually a sliver of the background
color of the <a> poking through. This is because images sit on the
baseline of text, allowing room beneath them for the descenders of
letters to hang down. Try setting your images to vertical-align: bottom.
Of course, this is just a guess, as Glenn's answer was, since we can't
see the page. I hope one of our solutions fixes it. If not, please let
us see the page, so we can really help instead of guessing.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
