Jump to content

header color


mindapolis

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.