[css-d] drop down menu off-center?
Hello, I'm a designer learning CSS (sorry about the hybrid table/CSS layout...I am wrestling with the page layout separately). As a crossover person, I am coding another designer's work for her. (Trying...) She loves drop down menus. Things are going pretty well thanks to the AMAZING Son of Suckerfish. I am running out of time. Can anyone help me with why the drop downs are not centered under the links? They are off to the right. They are supposed to be centered. They WERE centered until I moved the original link's text to the left as per the designer's plan. Here is the link to the page: http://www.prettygoodwebsites.com/phchelp/index.htm and to the CSS: http://www.prettygoodwebsites.com/phchelp/phc_stylin.css Thanks for any help you can give me, KittyG __ 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] drop down menu off-center?
Kitty Garrett wrote:
> Can anyone help me with why the drop downs are not centered
> under the links? They are off to the right.
>
> http://www.prettygoodwebsites.com/phchelp/index.htm
>
> KittyG
>
No guarantee. Try:
#nav li li a {
margin-left: -40px; /*minus 40*/
min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6
or compliant browsers*/
}
*:first-child + html #nav li li a {
margin-left:0;
}/*hack for our good friend IE/7.0*/
And validate.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
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] drop down menu off-center?
Kitty Garrett wrote:
> Can anyone help me with why the drop downs are not centered
> under the links? They are off to the right.
>
> http://www.prettygoodwebsites.com/phchelp/index.htm
>
> KittyG
>
No guarantee. Try:
#nav li li a {
margin-left: -40px; /*minus 40*/
min-height:1px;/* IE/7 needs this but it will not adversely effect IE/6
or compliant browsers*/
}
*:first-child + html #nav li li a {
margin-left:0;
}/*hack for our good friend IE/7.0*/
And validate.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
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] drop down menu off-center?
hi guys,
just add "text-align: center;". see below.
#nav li li a {phc_stylin.css (line 92)
background-color:#C0B679;
color:#00;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:0.2em;
padding:0.2em 7px;
text-align:center;
}
That should fix your problem.
Cheers,
Virgilio Quilario Jr.
The Practical Web Site Development Resource
Re: [css-d] drop down menu off-center?
hi guys,
just add "text-align: center;". see below.
#nav li li a {phc_stylin.css (line 92)
background-color:#C0B679;
color:#00;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:0.2em;
padding:0.2em 7px;
text-align:center;
}
That should fix your problem.
Cheers,
Virgilio Quilario Jr.
The Practical Web Site Development Resource
Re: [css-d] drop down menu off-center?
From: Kitty Garrett
> Can anyone help me with why the drop downs are not centered
>under the links? They are off to the right. They are supposed to be
>centered.
>http://www.prettygoodwebsites.com/phchelp/index.htm
>http://www.prettygoodwebsites.com/phchelp/phc_stylin.css
Try adding:
ul ul {padding: 0;}
and see if that fixes things up.
~holly
__
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/
