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> 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. Link to comment https://forums.phpfreaks.com/topic/282226-header-color/#findComment-1449968 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.