I've been trying to Center the logo and NAV bar on my webpage but I can't seem to do it. The float element only has left and right. The page is http://pclatino.com/ and I only want to center the logo and navigation bar. Please let me know if you can help. I'm attaching the CSS below. Thanks!
Question
sic133
I've been trying to Center the logo and NAV bar on my webpage but I can't seem to do it. The float element only has left and right. The page is http://pclatino.com/ and I only want to center the logo and navigation bar. Please let me know if you can help. I'm attaching the CSS below. Thanks!
/* --------------------------------------------------------- */ /* ----------------------- HEADER ----------------------- */ /* --------------------------------------------------------- */ #header { width: 100%; } #header #headerInner h1#logo { background: transparent url(../images/blackwhite/logo.png) no-repeat center; float: none; display: block; letter-spacing: -1000em; overflow: hidden; text-indent: -9999em; width: 450px; height: 130px; } #header #headerInner{ padding: 50px 50px 36px; } #header #headerInner ul#nav { text-align: center; float: left; margin: 24px 0 0; position: relative; } #header #headerInner ul#nav li { float: left; margin: 0 30px 0 0; } #header #headerInner ul#nav li ul { position: absolute; display: none; center: 0; top: -28px; width: 550px; padding: 0 0 10px; } #header #headerInner ul#nav li ul li { display: block; float: none; margin: 0 25px 0 0;} #header #headerInner ul#nav li:hover ul { display: block; }Link to comment
Share on other sites
15 answers to this question
Recommended Posts