Allar Posted July 22, 2013 Share Posted July 22, 2013 Site: http://test2.cmccd.net/As you can see the navigation links wont lign up right with the nave bar.can any one see whats the problem i spent 2 hours trying to figure it out but it just wont work. CSS .header-wrap, .subheader-wrap, .nav-wrap, .body-wrap, .subfooter-wrap, .footer-wrap {float:left; width:100%; clear:both;} .header, .nav, .body, .subfooter, .footer {width:960px; margin:0 auto;} .header {height:100px;} .sub-header {margin:0 auto; height:38px; width:960px;} .subheader {float:right; width:518px; background:#FFF; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding-top:5px; padding-left:5px; padding-right:5px;} .subheader-content {height:32px; width:518px; background:#8b6a1f; } .nav-wrap{height:44px;} .nav-subwrap {margin:0 auto; height:33px; width:948px; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:6px;background:#fff; border-left:1px solid #000; border-right:1px solid #000;} .navtop {width:960px; margin:0 auto;} .navtopborder {float:left; border-top:1px solid #000; width:431px; } .nav{float:left; width:948px; height:33px; background: url(/sites/all/themes/ssccix/files/bg-nav.png) repeat-x;} .navlink {} .navlink li {display:inline;} .navlink a {float:left; font-size:16px; background:#f00; padding:2px 10px; border-right:1px solid #FFF;} .page {float:left; background:#FFF; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:5px; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; margin-bottom:10px;} .page-left {float:left; width:220px; padding-right:8px;} .page-content {float:left; width:710px;} .footer {background:#8b6a1f;} PAGE <body style="background:#e8c077 url(/sites/all/themes/ssccix/files/bg-top.png) repeat-x;"> <div id="root" > <div class="header-wrap"> <div class="header"> <div class="logo"><?php print '<a href="/"><img scr="'.$logo.'" alt="'.variable_get('site_name', '').'" /></a>'; ?></div> <?php print render($page['header']); ?></div> </div> <div class="subheader-wrap"> <div class="sub-header"> <div class="subheader"> <div class="subheader-content"><?php print render($page['sub_header']); ?></div> </div> </div> </div> <div class="nav-wrap"> <div class="navtop"> <div class="navtopborder"></div> </div> <div class="nav-subwrap"> <div class="nav"> <div class="navlink"><?php print theme('links', array('links' => $main_menu))?></div> </div> </div> </div> <div class="body-wrap"> <div class="body"> <div class="page"> <div class="page-left"><?php print render($page['sidebar_left']); ?> </div> <div class="page-content"><?php print render($page['content']); ?></div> </div> </div> <div class="subfooter-wrap"> <div class="subfooter"><?php print render($page['sub_footer']); ?></div> </div> <div class="footer-wrap"> <div class="footer"><?php print render($page['footer']); ?></div> </div> </div> </body> Quote Link to comment https://forums.phpfreaks.com/topic/280381-help-with-css-navigation-bar/ Share on other sites More sharing options...
Samuz Posted July 22, 2013 Share Posted July 22, 2013 I think you need to start this again. You're floating EVERYTHING to the left and not even clearing them Quote Link to comment https://forums.phpfreaks.com/topic/280381-help-with-css-navigation-bar/#findComment-1441674 Share on other sites More sharing options...
Allar Posted July 22, 2013 Author Share Posted July 22, 2013 Thank you Samuz after going through it that was the problem Quote Link to comment https://forums.phpfreaks.com/topic/280381-help-with-css-navigation-bar/#findComment-1441689 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.