mindapolis Posted September 17, 2013 Share Posted September 17, 2013 Hi, could someone help me understand why it doesn't like the headsr color code? <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */ .container { width: 100%;/*original width 80%; max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */ min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */ background: #FFF; margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */ } /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */ .sidebar1 { float: left; width: 20%; background: #93A5C4; } .content { padding: 10px 0; width: 60%; float: left; } nav { background-color: #B1977C; } .sidebar2 { float: left; width: 20%; background: #93A5C4; } header ( background-color: #735435; ( /* ~~The footer ~~ */ .footer { padding: 10px 0; background: #6F7D94; position: relative;/* this gives IE6 hasLayout to properly clear */ clear: both; /* this clear property forces the .container to understand where the columns end and contain them */ } / header { } --> </style><!--[if lte IE 7]> <style> .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */ ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */ </style> <![endif]--></head> <body> <div class="container"> <div class="sidebar1"> <img src="assets/road.jpg" width="200" height="200" alt="road" /> <!-- end .sidebar1 --></div> <div class="content"> <header> Another Mile Ministry <br/> with Speaker Lon Johnson <nav> <a href="homeTest.php" tabindex="1" accesskey="H">Home</a> <a href="aboutMe.php" tabindex="2" accesskey="A">About Me</a> <a href="contact.php" tabindex="3" accesskey="C">Contact Me</a> </nav> </header> <!-- end .content --></div> <div class="sidebar2"> <img src="assets/road.jpg" width="200" height="200" alt="road" /> <!-- end .sidebar2 --></div> <div class="footer"> <!-- end .footer --></div> <!-- end .container --></div> </body> </html> Quote Link to comment https://forums.phpfreaks.com/topic/282226-header-color/ Share on other sites More sharing options...
mindapolis Posted September 18, 2013 Author Share Posted September 18, 2013 I don't know what was wrong but it 's working now. Quote Link to comment https://forums.phpfreaks.com/topic/282226-header-color/#findComment-1449968 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.