Jump to content

valid xhtml


dcole.ath.cx

Recommended Posts

can someone make this valid xhtml, there are just 3 errors... mabe just one..

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'><html><head>  <meta http-equiv='content-type' content='text/html; charset=iso-8859-1' />  <meta name='description' content='Developing the web with hosting, search engine, and other great scripts!' />  <meta name='keywords' content='DCole Server The Scripts Hosting Search Engine' />  <meta name='author' content='Dan Cole creator of The DCole Server' />  <title>DCole @ dcole.ath.cx -- Home</title><style type='text/css'>body {	font-size: 62.5%;	margin: 0em auto;	padding: 0em;	background: url(../img/img_background.gif) top center repeat-y;  	font-family: Verdana,Tahoma, Arial,sans-serif;}#wrap {	width: 76em;	margin: 0em auto;}/**************//*   HEADER   *//**************/#header-section {	width: 76em;	margin: 0em 0em 0em 0em;}#header-background {	width: 100%; 	height: 100%;	float: left;	border: none;	margin: 0em 0em 0em 0em;}#header-background-left {	float: left;	position:absolute;	margin: 0px 0px 0px 150px;	padding: 0em 0em 0em 0em;	font-size: 14px;	color:#990000;	border: none;}#header-background-img {	float: left;	width: 100%;	height: 100px;	margin: 0px 0px 0px 0px;	padding: 0em 0em 0em 0em;	font-size: 14px;	color:#990000;	border: none;}#header-background-left b {	width: 20em;	position:absolute;	float: right;	font-size: 26px;	color:#990000;	margin: 0px 0px 0px 0px;	padding: 0em 0em 0em 0em;	border: none;}#address {	width: 20em;	float: right;	font-size: 14px;	color:#990000;	position:absolute;	margin: 25px 0px 0px 20px;	padding: 0em 0em 0em 0em;	border: none;}#header-background-left i {	width: 20em;	float: right;	font-size: 14px;	color:#000000;	position:absolute;	margin: 30px 0px 0px 20px;	padding: 0em 0em 0em 0em;	border: none;}#search {	width: 20em;	float: right;	font-size: 12px;	color:#000000;	position:absolute;	margin: 10px 0px 0px 550px;	padding: 0em 0em 0em 0em;	border: none;}#welcome {	width: 20em;	float: right;	font-size: 12px;	color:#000000;	position:absolute;	margin: 25px 0px 0px 410px;	padding: 0em 0em 0em 0em;	border: none;}#date {	width: 20em;	float: right;	font-size: 12px;	color:#000000;	position:absolute;	margin: 30px 0px 0px 450px;	padding: 0em 0em 0em 0em;	border: none;}#header {	clear: both;	margin: 0em 0em 1.5em 0em;	border-top: solid 0.1em rgb(175,175,175);	border-bottom: solid 0.1em rgb(175,175,175);	background-color: rgb(235,235,235);		text-transform: uppercase;	line-height: 2.0em;	height: 2.0em;	color: rgb(50,50,50);	border: none;}#header ul {		margin: 0em;	padding: 0em;	list-style: none;	font-weight: bold;	font-size: 1.0em;}	#header li {	float: left;	white-space: nowrap;}#header li a {	display: block;	padding: 0em 1.0em 0em 1.0em;	border-right: solid 0.1em rgb(175,175,175);		background-color: rgb(235,235,235);		text-decoration: none;	color: rgb(50,50,50);	border: 1;}#header a:hover {	border-right: solid 0.1em rgb(175,175,175);		background-color: rgb(220,220,220);				text-transform: uppercase;	text-decoration: none;	color: rgb(50,50,50);	border: 1;}#header .selected {	padding: 0em 0.5em 0em 0.5em;	border-right: solid 0.1em rgb(175,175,175);			background-color: rgb(220,220,220);	color: rgb(50,50,50);}* html #header a {width:1%;}/***********************//***   LEFT COLUMN   ***//***********************/#left-column {	width: 20%;	float: left;	vertical-align: top;	background-color: rgb(255,255,255);	font-size: 1.1em;	color: rgb(50,50,50);}#left-column ul {		width: 95%;	padding: 0em;	margin: 0em;	list-style: none;}	#left-column li {	margin: 0em 0em 0em 0em;}#left-column li a {	display: block;	padding: 0.3em 0.7em 0.2em 1.2em;	border-left: solid 0.5em rgb(235,235,235);	border-top: solid 1px rgb(200,200,200);	background-color: rgb(235,235,235);	text-decoration: none;	font-weight: normal;	color: rgb(50,50,50);	height: 1.3em;}		#left-column a:hover {	border-left: solid 0.5em rgb(175,175,175);	background-color: rgb(220,220,220);	text-decoration: none;	color: rgb(50,50,50);}#left-column .selected {	display: block;	padding: 0.3em 0.7em 0.2em 1.2em;	border-left: solid 0.5em #990000;	border-top: solid 0.1em rgb(200,200,200);	background-color: rgb(220,220,220);	font-weight: normal;	color: #000000;}#left-column .left-navheader-first {	display: block;	margin: 0em 0em 1.0em 0em;	padding: 0.3em 0.7em 0.3em 0.9em;	border-left: solid 0em rgb(255,210,113);	background-color: rgb(220,220,220);	text-transform: uppercase;	text-decoration: none;	font-weight: bold;	color: rgb(50,50,50);}#left-column .left-navheader {	display: block;	margin: 1.0em 0em 0em 0em;	padding: 0.3em 0.7em 0.2em 0.4em;	border-left: solid 0.5em rgb(235,235,235);	background-color: rgb(220,220,220);	text-transform: uppercase;	text-decoration: none;	font-weight: bold;	color: rgb(50,50,50);}/*************************//***   MIDDLE COLUMN   ***//*************************//* Sections *//************/#middle-column {	float: left;	width: 77.5%;	padding: 0em 0.6em 0em 0.7em;	background-color: rgb(255,255,255);	color: #000000;	line-height: 1.3em;	font-size: 1.2em;}.middle-column-left {	float: left;	width: 47.75%;}.middle-column-right {	float: right;	width: 47.75%;}/* Box titlebars *//*****************/.middle-column-box-title-grey {	clear: both;	display: block;	border-left: solid 0.5em #000000;	border-right: solid 2px #000000;	margin: 0em 0em 0.5em 0em;	padding: 0.2em 0em 0.2em 0.3em;	background-color: rgb(220,220,220);	font-weight: bold;	color: rgb(50,50,50);}/* Box backgrounds *//*******************//* Box backgrounds -  Full width boxes *//***************************************/.middle-column-box-white {	float: left;	width: 100%;	margin: 0em 0em 1.5em 0em;	padding: 0em 0em 0em 0em;}/* Box backgrounds -  Half width boxes *//**************************************/.middle-column-box-left-white {	float: left;	width: 98%;	margin: 0em 0em 1.5em 0em;	padding: 0em 0em 0em 0em;}/* Text headings and paragraphs *//********************************/.middle-column-box-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-white p.subheading {	margin: 1.0em 0em 0.6em 0em;		font-weight: bold;}.middle-column-box-white p {	margin: 0em 0em 0.6em 0em;}.middle-column-box-left-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-left-white p.subheading {	margin: 1.0em 0em 0.6em 0em;	font-weight: bold;}.middle-column-box-left-white p {	margin: 0em 0em 0.6em 0em;}.middle-column-box-right-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-right-white p.subheading {	margin: 1.0em 0em 0.6em 0em;	font-weight: bold;}.middle-column-box-right-white p {	margin: 0em 0em 0.6em 0em;}/* Images *//**********/.middle-column-img-left{	float: left;	margin: 0.3em 0.5em 0em 0em;	border: solid 1px rgb(100,100,100);}.middle-column-img-right{	float: right;	margin: 0.3em 0em 0em 0.5em;	border: solid 1px rgb(100,100,100);	}/************************//***   RIGHT COLUMN   ***//************************/#right-column {	float: right;	width: 0%;	background-color: rgb(255,255,255);	color: rgb(100,100,100);	font-size: 1.1em;}.right-column-box-title-grey {	clear: both;	display: block;   margin: 0em 0em 0.2em 0em;	padding: 0.2em 0.2em 0.2em 0.2em;	background-color: rgb(220,220,220);	font-weight: bold;	color: rgb(50,50,50);}.right-column-box-white {	float: right;	width: 91%;	margin: 0em 0em 0.8em 0em;	padding: 0.4em 0.4em 0.4em 0.4em;	border: solid 0.1em rgb(200,200,200);}	.right-column-box-white p {	margin: 0.3em 0em 0.4em 0em;}.right-column-img{	float: right;	margin: 1.0em 0em 0em 0em;	border: solid 1px rgb(100,100,100);}/*******************//***   FOOTER    ***//*******************/#footer {	clear: both;	float: left;	width: 76em;	height: 2.5em;	margin: 1.0em 0em 1.0em 0em;	padding: 0.25em 0em 0.3em 0em;	border-top: solid 0.1em rgb(150,150,150);	border-bottom: solid 0.1em rgb(150,150,100);		background-color: rgb(220,220,220);	text-align: center;	color: rgb(100,100,100);	font-size: 1.0em;}/**************************//***   MISCELLANEOUS    ***//**************************/a:hover {	color: #990000;	text-decoration: none;	background-color: #FFFFFF;}input,textarea {	background-color:#fff;	color:#000;	font-size:110%;	border:1px #000 solid;}</style></head><body>  <div id='wrap'>    <!-- HEADER -->	  <!-- Background -->	<div id='header-section'>	<form id='search' method='get' action='http://dcole.ath.cx/'><input name='DCT' id='dcse_DCTEx' /><input type='submit' value='Search' /></form>	<span id='header-background-left'>	<b>The DCole Server</b><br />	<span id='address'>http://dcole.ath.cx</span><span id='welcome'>Welcome Guest | Login | Help</span><br />	<i>Developing the Web</i><span id='date'>Sunday, June 25, 2006</span><br /><br />	</span><a id='header-background-img' href='#'><img src='logo.png' width='130' alt='The DCole Logo' style='border:0;'/></a>	</div>	  <!-- LEFT COLUMN -->	  <!-- Navigation --><div id='left-column'>      <ul>	<li class='selected'>Home</li>        <li><a href='#'>Settings</a></li>        <li><a href='#'>Blog</a></li>        <li><a href='#'>Wiki DCole</a></li>        <li><a href='#'>Search Engine</a></li>        <li><a href='#'>Message Board</a></li>        <li><a href='#'>File Manager</a></li>        <li><a href='#'>Scripts</a></li>        <li><a href='#'>Support Us</a></li>        <li><a href='#'>Communities</a></li>			      </ul></div>	  <!-- MIDDLE COLUMN -->    <div id='middle-column'>	 					  <!-- Middle column full box -->      <div class='middle-column-box-white'>        <div class='middle-column-box-title-grey'>title</div>	  			<p><img src='./img/img_general.jpg' class='middle-column-img-left' width='100' alt='' />BLAH</p>  				<p><a href='#'>Link</a></p>      </div>			      <!-- Middle column left section -->      <div class='middle-column-left'>        <!-- Middle column left box -->        <div class='middle-column-box-left-white'>          <div class='middle-column-box-title-grey'>title</div>          <p><img src='./img/img_general.jpg' class='middle-column-img-left' width='50'  alt='' />Blah</p>  				<p><a href='#'>Link</a></p>        </div>				        <!-- Middle column left box -->        <div class='middle-column-box-left-white'>          <div class='middle-column-box-title-grey'>title</div>          <p>BLAH</p>  				<p><a href='#'>Links</a></p>        </div>      </div>				      <!-- Middle column right section -->				  <div class='middle-column-right'>        <!-- Middle column right box -->        <div class='middle-column-box-right-white'>          <div class='middle-column-box-title-grey'>title</div>	  			<p>Blah</p>        </div>        <!-- Middle column right box -->		    <div class='middle-column-box-right-white'>          <div class='middle-column-box-title-grey'>Grey title</div>          <p><img src='./img/img_general.jpg' class='middle-column-img-left' width='50'  alt=''/>BLAH</p>        </div>						  </div>										    <!-- Middle column full box -->      <div class='middle-column-box-white'>        <div class='middle-column-box-title-grey'>title</div>          <p class='subheading'>Something or another</p>          <p>text text text</p>           <p class='subheading'>Middle section</p>          <p>more text</p>          <p class='subheading'>sub-heading</p>					<p>Guess what, more text</p>          <p class='subheading'>Text</p>					<p>Just text</p>      </div>		</div>	  <!-- FOOTER -->	  <!-- Navigation -->    <div id='header'>      <ul>	<li><a href='#'>Updated: 06-25-2006</a></li>        <li class='selected'>       </li>	<li><a href='#'>About Us</a></li>        <li><a href='#'>Site Map</a></li>        <li><a href='#'>Terms of Use</a></li>        <li><a href='#'>Accessibility</a></li>        <li><a href='#'>Send Feedback</a></li>          <li><a href='#'>Contact Us</a></li>      </ul>    </div>  </div></body></html>

Link to comment
Share on other sites

You forgot type="text" on your tag.<form id='search' method='get' action='http://dcole.ath.cx/'><input name='DCT' id='dcse_DCTEx' /><input type='submit' value='Search' /></form>That didn't fix it though :)

Link to comment
Share on other sites

A form is not a container, wrap your input elements in a div.

    <form id='search' method='get' action='http://dcole.ath.cx/'>    <div>      <input name='DCT' id='dcse_DCTEx' type='text' />      <input type='submit' value='Search' />    </div>    </form>

Link to comment
Share on other sites

My layout is now having a problem in IE but not in FF or Opera. Can someone help me fix it.

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'><html><head>  <meta http-equiv='content-type' content='text/html; charset=iso-8859-1' />  <meta name='description' content='Developing the web with hosting, search engine, and other great scripts!' />  <meta name='keywords' content='DCole Server The Scripts Hosting Search Engine' />  <meta name='author' content='Dan Cole creator of The DCole Server' />  <title>DCole @ dcole.ath.cx -- Home</title><style type='text/css'>body {	font-size: 62.5%;	margin: 0em auto;	padding: 0em;  	font-family: Verdana,Tahoma, Arial,sans-serif;}#wrap {	width: 76em;	margin: 0em auto;}#header-section {	width: 76em;	margin: 0em 0em 0em 0em;}#header-background {	width: 100%; 	height: 100%;	float: left;	border: none;	margin: 0em 0em 0em 0em;}#header-background-left {	float: left;	position:absolute;	margin: 0px 0px 0px 150px;	padding: 0em 0em 0em 0em;	font-size: 14px;	background-color:#FFFFFF;	color:#990000;	border: none;}#header-background-img {	float: left;	height: 100px;	margin: 0px 0px 0px 0px;	padding: 0em 0em 0em 0em;	font-size: 14px;	background-color:#FFFFFF;	color:#990000;	border: none;}#header-background-left b {	width: 350px;	position:absolute;	float: right;	font-size: 26px;	background-color:#FFFFFF;	color:#990000;	margin: 0px 0px 0px 0px;	padding: 0em 0em 0em 0em;	border: none;}#address {	width: 20em;	float: right;	font-size: 14px;	background-color:#FFFFFF;	color:#990000;	position:absolute;	margin: 25px 0px 0px 20px;	padding: 0em 0em 0em 0em;	border: none;}#header-background-left i {	width: 20em;	float: right;	font-size: 14px;	background-color:#FFFFFF;	color:#000000;	position:absolute;	margin: 30px 0px 0px 20px;	padding: 0em 0em 0em 0em;	border: none;}#search {	width: 20em;	float: right;	font-size: 12px;	background-color:#FFFFFF;	color:#000000;	position:absolute;	margin: 10px 0px 0px 575px;	padding: 0em 0em 0em 0em;	border: none;}#welcome {	width: 20em;	float: right;	font-size: 12px;	background-color:#FFFFFF;	color:#000000;	position:absolute;	margin: 25px 0px 0px 410px;	padding: 0em 0em 0em 0em;	border: none;}#date {	width: 20em;	float: right;	font-size: 12px;	background-color:#FFFFFF;	color:#000000;	position:absolute;	margin: 30px 0px 0px 450px;	padding: 0em 0em 0em 0em;	border: none;}#header {	clear: both;	margin: 0em 0em 1.5em 0em;	background-color: #EBEBEB;		text-transform: uppercase;	line-height: 2.0em;	height: 2.0em;	color: #323232;}#header ul {		margin: 0em;	padding: 0em;	list-style: none;	font-weight: bold;	font-size: 1.0em;}	#header li {	float: left;	white-space: nowrap;}#header li a {	display: block;	padding: 0em 1.0em 0em 1.0em;	background-color: #EBEBEB;	border-right: solid 1px #AFAFAF;		text-decoration: none;	color: #323232;}#header a:hover {	border-right: solid 1px #AFAFAF;	background-color: #DCDCDC;			text-transform: uppercase;	text-decoration: none;	color: #323232;}#header .selected {	padding: 0em 0.5em 0em 0.5em;	border-right: solid 1px #AFAFAF;			background-color: #DCDCDC;	color: #323232;}#left-column {	width: 20%;	float: left;	vertical-align: top;	background-color: rgb(255,255,255);	font-size: 1.1em;	color: #323232;}#left-column ul {		width: 95%;	padding: 0em;	margin: 0em;	list-style: none;}	#left-column li {	margin: 0em 0em 0em 0em;}#left-column li a {	display: block;	padding: 0.3em 0.7em 0.2em 1.2em;	border-left: solid 0.5em #EAEAEA;	border-top: solid 1px #C8C8C8;	background-color: #EBEBEB;	text-decoration: none;	font-weight: normal;	color: #323232;	height: 1.3em;}		#left-column a:hover {	border-left: solid 0.5em #AFAFAF;	background-color: #DCDCDC;	text-decoration: none;	color: #323232;}#left-column .selected {	display: block;	padding: 0.3em 0.7em 0.2em 1.2em;	border-left: solid 0.5em #990000;	border-top: solid 0.1em rgb(200,200,200);	background-color: #DCDCDC;	font-weight: normal;	color: #000000;}#left-column .left-navheader-first {	display: block;	margin: 0em 0em 1.0em 0em;	padding: 0.3em 0.7em 0.3em 0.9em;	border-left: solid 0em rgb(255,210,113);	background-color: #DCDCDC;	text-transform: uppercase;	text-decoration: none;	font-weight: bold;	color: #323232;}#left-column .left-navheader {	display: block;	margin: 1.0em 0em 0em 0em;	padding: 0.3em 0.7em 0.2em 0.4em;	border-left: solid 0.5em #EBEBEB;	background-color: #DCDCDC;	text-transform: uppercase;	text-decoration: none;	font-weight: bold;	color: #323232;}#account {	text-align: center;}#middle-column {	float: left;	width: 77.5%;	padding: 0em 0.6em 0em 0.7em;	background-color: rgb(255,255,255);	color: #000000;	line-height: 1.3em;	font-size: 1.2em;}.middle-column-left {	float: left;	width: 47.75%;}.middle-column-right {	float: right;	width: 47.75%;}.middle-column-box-title-grey {	clear: both;	display: block;	border-left: solid 0.5em #000000;	border-right: solid 2px #000000;	margin: 0em 0em 0.5em 0em;	padding: 0.2em 0em 0.2em 0.3em;	background-color: #DCDCDC;	font-weight: bold;	color: #323232;}.middle-column-box-white {	float: left;	width: 100%;	margin: 0em 0em 1.5em 0em;	padding: 0em 0em 0em 0em;}.middle-column-box-left-white {	float: left;	width: 98%;	margin: 0em 0em 1.5em 0em;	padding: 0em 0em 0em 0em;}.middle-column-box-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-white p.subheading {	margin: 1.0em 0em 0.6em 0em;		font-weight: bold;}.middle-column-box-white p {	margin: 0em 0em 0.6em 0em;}.middle-column-box-left-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-left-white p.subheading {	margin: 1.0em 0em 0.6em 0em;	font-weight: bold;}.middle-column-box-left-white p {	margin: 0em 0em 0.6em 0em;}.middle-column-box-right-white p.heading {	margin: 1.0em 0em 1.0em 0em;	font-weight: bold;	font-size: 1.2em;}.middle-column-box-right-white p.subheading {	margin: 1.0em 0em 0.6em 0em;	font-weight: bold;}.middle-column-box-right-white p {	margin: 0em 0em 0.6em 0em;}.middle-column-img-left{	float: left;	margin: 0.3em 0.5em 0em 0em;	border: solid 1px rgb(100,100,100);}.middle-column-img-right{	float: right;	margin: 0.3em 0em 0em 0.5em;	border: solid 1px rgb(100,100,100);	}#right-column {	float: right;	width: 0%;	background-color: rgb(255,255,255);	color: rgb(100,100,100);	font-size: 1.1em;}.right-column-box-title-grey {	clear: both;	display: block;   margin: 0em 0em 0.2em 0em;	padding: 0.2em 0.2em 0.2em 0.2em;	background-color: #DCDCDC;	font-weight: bold;	color: #323232;}.right-column-box-white {	float: right;	width: 91%;	margin: 0em 0em 0.8em 0em;	padding: 0.4em 0.4em 0.4em 0.4em;	border: solid 0.1em rgb(200,200,200);}	.right-column-box-white p {	margin: 0.3em 0em 0.4em 0em;}.right-column-img{	float: right;	margin: 1.0em 0em 0em 0em;	border: solid 1px rgb(100,100,100);}a:hover {	color: #990000;	text-decoration: none;	background-color: #FFFFFF;}input,textarea {	background-color:#fff;	color:#000;	font-size: 12px;	border:1px #000 solid;}</style></head><body>  <div id='wrap'>    <!-- HEADER -->	  <!-- Background -->	<div id='header-section'>	<form id='search' method='get' action='http://dcole.ath.cx/'><div><input name='DCT' id='dcse_DCTEx' /><input type='submit' value='Search' /></div></form>	<span id='header-background-left'>	<b>The DCole Server</b><br />	<span id='address'>http://dcole.ath.cx</span><span id='welcome'>Welcome Guest | Login | Help</span><br />	<i>Developing the Web</i><span id='date'>Sunday, June 25, 2006</span><br /><br />	</span><a id='header-background-img' href='#'><img src='logo.png' width='130' alt='The DCole Logo' style='border:none;'/></a><br /><br /><br /><br /><br /><br /><br /><br /><br />	</div>	  <!-- LEFT COLUMN -->	  <!-- Navigation --><div id='left-column'>      <ul>	<li class='selected'>Home</li>        <li><a href='#'>Settings</a></li>        <li><a href='#'>Blog</a></li>        <li><a href='#'>Wiki DCole</a></li>        <li><a href='#'>Search Engine</a></li>        <li><a href='#'>Message Board</a></li>        <li><a href='#'>File Manager</a></li>        <li><a href='#'>Scripts</a></li>        <li><a href='#'>Support Us</a></li>        <li><a href='#'>Communities</a><br /></li>	<li><div id='account'><b> Account Login!</b></div></li>	<li><br /><form action="/ffm/login.php" method="post">	<div>		Website:<br />		<input size="20" name="website" type="text" /><br />		Password:<br />		<input size="20" name="password" type="password" /><br />		<input value="Login" type="submit" />	</div>	</form>	</li>	      </ul></div>	  <!-- MIDDLE COLUMN -->    <div id='middle-column'>	 					  <!-- Middle column full box -->      <div class='middle-column-box-white'>        <div class='middle-column-box-title-grey'>title</div>	  			<p><img src='./img/img_general.jpg' class='middle-column-img-left' width='100' alt='' />BLAH</p>  				<p><a href='#'>Link</a></p>      </div>			      <!-- Middle column left section -->      <div class='middle-column-left'>        <!-- Middle column left box -->        <div class='middle-column-box-left-white'>          <div class='middle-column-box-title-grey'>title</div>          <p><img src='./img/img_general.jpg' class='middle-column-img-left' width='50'  alt='' />Blah</p>  				<p><a href='#'>Link</a></p>        </div>				        <!-- Middle column left box -->        <div class='middle-column-box-left-white'>          <div class='middle-column-box-title-grey'>title</div>          <p>BLAH</p>  				<p><a href='#'>Links</a></p>        </div>      </div>				      <!-- Middle column right section -->				  <div class='middle-column-right'>        <!-- Middle column right box -->        <div class='middle-column-box-right-white'>          <div class='middle-column-box-title-grey'>title</div>	  			<p>Blah</p>        </div>        <!-- Middle column right box -->		    <div class='middle-column-box-right-white'>          <div class='middle-column-box-title-grey'>Grey title</div>          <p><img src='./img/img_general.jpg' class='middle-column-img-left' width='50'  alt=''/>BLAH</p>        </div>						  </div>										    <!-- Middle column full box -->      <div class='middle-column-box-white'>        <div class='middle-column-box-title-grey'>title</div>          <p class='subheading'>Something or another</p>          <p>text text text</p>           <p class='subheading'>Middle section</p>          <p>more text</p>          <p class='subheading'>sub-heading</p>					<p>Guess what, more text</p>          <p class='subheading'>Text</p>					<p>Just text</p>      </div>		</div>	  <!-- FOOTER -->	  <!-- Navigation -->    <div id='header'>      <ul>	<li><a href='#'>Updated: 06-25-2006</a></li>        <li class='selected'>       </li>	<li><a href='#'>About Us</a></li>        <li><a href='#'>Site Map</a></li>        <li><a href='#'>Terms of Use</a></li>        <li><a href='#'>Accessibility</a></li>        <li><a href='#'>Send Feedback</a></li>          <li><a href='#'>Contact Us</a></li>      </ul>    </div>  </div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...