[css-d] css menu text misplaced
The text in each link is at the top of the 'box'. How do I move the text
down without moving the a:focus background?
http://korbyimagery.com/ab/
#outerWrapper #contentWrapper #leftColumn1 ul li {
font-family: "Futura Book", futura, Arial, Helvetica, sans-serif;
display: block;
height: 30px;
font-size: 12px;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #B3A193;
list-style-type: none;
letter-spacing: 0.2em;
vertical-align: middle;
}
#outerWrapper #contentWrapper #leftColumn1 ul li a:focus {font-family:
"Futura Book", futura, Arial, Helvetica, sans-serif;
display: block; height: 30px;
font-size: 12px;
border-top: 1px dotted #B3A193;
list-style-type: none;
background-image: url(images/li-bg.jpg);
}
Thanks.
Shanna
__
css-discuss [EMAIL PROTECTED]
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-d] nav hover doesn't match up
http://korbyimagery.com/ab/svc_services.htm
The css for sidebar nav .selected and a:hover are exactly the same. Yet,
they don't match up. Why and how can I fix this? It should look like
.selected.
#outerWrapper #contentWrapper #leftColumn1 ul li a:hover
{
font-family: "Futura Book", futura, Arial, Helvetica, sans-serif;
line-height:26px;
display: block;
height: 26px;
font-size: 11px;
vertical-align: middle;
text-align: right;
background-image: url(images/li-bg.jpg);
background-position:right;
}
.selected {
font-family: "Futura Book", futura, Arial, Helvetica, sans-serif;
line-height:26px;
display: block;
height: 26px;
font-size: 11px;
vertical-align: middle;
text-align: right;
background-image: url(images/li-bg.jpg);
background-position:right;
}
Thanks,
Shanna
__
css-discuss [EMAIL PROTECTED]
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-d] IE6 css menu question
http://www.fargoparks.com/TEST/ http://www.fargoparks.com/TEST/css/home.css IE6 - The navigation is stacked, not horizontal as it should be. How can I fix it? -- Shanna __ css-discuss [EMAIL PROTECTED] 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-d] focus state not working in css nav
I have a css menu that the "on" or "focus" state isn't working. I suspect
the OVER graphic is falling behind the background graphic of the nav, but I
am not sure. How can I fix this?
Here is the page: http://korbyimagery.com/site/nwc/index.asp
Here is the css for the menu:
/*menu*/
#indentmenu {font: normal 13px Georgia, "Times New Roman", Times, serif;
color: #474822;
width: 490px; height: 49px; overflow: hidden; background:
url(../images/navbg.gif) no-repeat left top;
z-index:1;}
#indentmenu ul { margin: 0; padding: 0 0 0 10px; float: left; }
#indentmenu ul li { display: inline; }
#indentmenu ul li a:visited {color: #474822;}
#indentmenu ul li a {float: left; color: #474822; padding: 11px 17px;
text-decoration: none; height: 49px; }
.gap { float: left; text-decoration: none; height: 49px;
background: url(../images/nav-div.png) no-repeat center top; width:
10px; z-index: ; }
a:hover { color: #474822 !important; padding-top: 12px; padding-bottom: 4px;
height: 49px;
background: url(../images/nav-over.gif) repeat-x left top; z-index:
999; z-index: ; }
a:focus { color: #474822 !important; padding-top: 12px; padding-bottom: 4px;
height: 49px;
background: url(../images/nav-over.gif) repeat-x left top; z-index:
999; z-index: ; }
a.current { color: #474822 !important; padding-top: 12px; padding-bottom:
4px; height: 49px;
background: url(../images/nav-over.gif) repeat-x left top; z-index:
999; z-index: ; }
Thanks.
--
Shanna
__
css-discuss [EMAIL PROTECTED]
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-d] IE6 issue
http://weddingelegancend.com/ http://weddingelegancend.com/900-screen.css This is giving me trouble in IE6. Does anyone know what the issue might be? The main content is being pushed below the sidebars. Thanks. __ css-discuss [EMAIL PROTECTED] 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/
