[css-d] I had it, I lost it, I can't think! Help? PVII drop-down menu

2009-10-07 Thread Theresa Mesa 
http://mdh-test.com/PV_web/index.shtml
http://mdh-test.com/PV_web/pvg.css
http://mdh-test.com/PV_web/p7PMMh04.css

I'm using a drop-down menu from Project VII. I haven't finished  
styling for colors and such. I'm having just a bit of an issue. This  
was mostly fine yesterday, and I mucked it up.

This menu has to fit into 421px wide.

In FF on a Mac, the text size and placement is great. When I roll over  
the first and last link, the gray goes to the edge of the black box.  
In IE7 and Safari (I haven't checked IE8 yet), the text placement is  
too close to the center, as you can see when you roll over the first  
and last links. I need to spread them out more without breaking  
Firefox, and have that black edge go away on the first and last links.  
Can you help me figure out what I'm doing wrong? It's probably  
something really simple, but I can no longer see the forest for the  
trees. This is gonna break on zoom - I know.

Thanks so much!!!


Theresa

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I had it, I lost it, I can't think! Help? PVII drop-down menu

2009-10-07 Thread Peter Hyde-Smith 

- Original Message - 
From: Theresa Mesa trixiesirishe...@gmail.com
Subject: [css-d] I had it, I lost it,I can't think! Help? PVII drop-down 
menu


  I need to spread them out more without breaking
 Firefox, and have that black edge go away on the first and last links.

Theresa,

The problem, as I read it, exists in IE8 + FF under WinXP SP3.

Try starting out here,

div#navMar {
 width: 421px; - remove this width declaration
 max-width: 421px;
}

/*
TOP LEVEL MENU
*/
.p7PMMh04 ul {
 margin: 0 !important;  - add important declaration
 padding: 0;
}

I think you want the width of the navMar division to collapse onto the 
auto-sized li elements. The auto-size will make them only as wide as 
necessary, the total of which maybe less than 421px. I could not find what 
was overiding the margin: 0; on the ul. Someone with a more experienced eye 
may find it right off.

Best Regards,

Peter
www.fatpawdesign.com
etc ad nauseum 

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/