[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/