Oh, forgot the footer... sry.
#footer_nav ul {
list-style-type:none; position:relative; margin:0.5em 0 0 0; padding:0;
}
#footer_nav li {
float:left; margin-right:3.95%; font-weight:bold;
}
#footer_nav ul ul {
margin: 1.5% 0; position:absolute; visibility:hidden; opacity:0;
transition:visibility 0s linear 0.35s, opacity 0.5s linear;
}
#footer_nav ul ul li {
margin: 0 0 7% 0;
}
#footer_nav li a {
text-decoration:none; border:1px dotted rgb(255,255,255);
border-width:0 0 1px 0; color:rgb(255,255,255); display:block; font-size:70%;
line-height: 1.2em;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Aug 19, 2014, at 8:53 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
> 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/
______________________________________________________________________
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/
