Hi John,
Try this. I think Felix will approve of this one. ;)
/* new header nav */
#main_nav{
/* border:1px solid red; */
border:1px solid rgb(255,255,255);
float:left;
width:100%;
}
#main_nav ul {
list-style-type:none; position:relative; margin: 0.5em 0 0 0; padding:0;
}
#main_nav ul > li {
float:left; margin:0 auto; padding: 0 1.99em; font-weight:bold;
}
#main_nav > ul li a{
text-decoration:none;
border:1px dotted rgb(0,0,0);
border-width:0 0 1px 0;
color:rgb(31,166,0);
display:block;
font-size:70%;
}
#main_nav ul li a:hover,
#main_nav ul li a:focus{
}
/* new header sub-nav */
#main_nav ul ul{
margin:0 0 0 0;
padding:0;
background:rgb(31,166,0);
border-radius: 0 0 6px 6px;
border-top:4px solid rgb(0,0,0);
position:absolute;
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.35s, opacity 0.5s linear;
}
#main_nav ul li:hover ul{
visibility:visible;
opacity:1;
transition-delay:0s;
}
#main_nav ul ul li{
width:auto;
float:none;
padding: 8%;
}
#main_nav ul ul li a{
border:0;
font-weight:normal;
color:rgb(255,255,255);
padding:0 0 2px 0;
}
#main_nav ul ul li a:hover{
font-weight:normal;
border-bottom:2px solid rgb(255,255,255);
padding:0;
}
/* END new header nav */
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Aug 19, 2014, at 8:10 PM, Felix Miata <mrma...@earthlink.net> wrote:
> On 2014-08-19 17:30 (GMT-0700) John composed:
>
>> Felix Miata wrote:
>
>>> If such a nav absolutely has to wrap, then (to me) it would look better
>>> (more
>>> professional) with the left margin matched to the right, and/or with the
>>> left
>>> margin of line two *not* matched to the left margin of the first line (such
>>> as doubled).
>
>> Ah…so you’re keying on the fact that the header nav isn’t centered
>> horizontally, right?
>
> I would not call it key, just a part of the overall impression presented. The
> abundance of whitespace on line 1 coupled with a runt on line 2 bothers me
> more than a little. I'm an anti-fan of the scrolling abundant whitespace
> implies.
> --
> "The wise are known for their understanding, and pleasant
> words are persuasive." Proverbs 16:21 (New Living Translation)
>
> Team OS/2 ** Reg. Linux User #211409 ** a11y rocks!
>
> Felix Miata *** http://fm.no-ip.com/
> ______________________________________________________________________
> css-discuss [css-d@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/
______________________________________________________________________
css-discuss [css-d@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/
