New Layout

Status
Not open for further replies.
did you hand-code that? I love hand-code basic sites.

/EDIT:

Change:

Code:
.twoColLiqLtHdr #container { 
	[b]width: 60%;[/b]
	background: #333333;
	margin: 20px auto;
	border: 1px solid #000000;
	text-align: left;
}

and

Code:
twoColLiqLtHdr #sidebar1 {
	float: left; 
	width: 15%;
	[b]padding: 0 0 10px;[/b]
	background: #000000; 
}

End results:
endpx1.png
 
Did you update it yet? Where did you get the original template?

/EDIT: Also,

Erase any name=""s you have two in there

Can't have empty tags
 
replace the whole page with:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title>

<style type="text/css"> 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #FFFFFF;
}
.twoColLiqLtHdr #container { 
	width: 60%;
	background: #333333;
	margin: 20px auto;
	border: 1px solid #000000;
	text-align: left;
} 
.twoColLiqLtHdr #header { 
	background: #000000; 
	padding: 0 10px;
} 
.twoColLiqLtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.twoColLiqLtHdr #sidebar1 {
	float: left; 
	width: 15%;
	padding: 0 0 10px;
	background: #000000; 
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}

.twoColLiqLtHdr #mainContent { 
	margin: 0 20px 0 13em; 
} 
.twoColLiqLtHdr #footer { 
	padding: 0 10px; 
	background:#000000;
} 
.twoColLiqLtHdr #footer p {
	margin: 0; 
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 

.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }

</style>
<![endif]--></head><body class="twoColLiqLtHdr">

<div id="container"> 
  <div id="header">
    <h1><img src="Untitled%20Document_files/Main.jpg" alt="" height="108" width="780"></h1>
  <!-- end #header --></div>
  <div id="sidebar1">
    <h3><img name="" src="Untitled%20Document_files/Artwork_Tab.jpg" alt="" height="32" width="103"></h3>
    <h3><img src="Untitled%20Document_files/Writing_tab.jpg" alt="" height="32" width="103"></h3>
    <h3><img src="Untitled%20Document_files/About_Tab.jpg" alt="" height="32" width="103"></h3>
    <h3><img src="Untitled%20Document_files/Linkshell.jpg" alt="" height="32" width="103"></h3>
    <p><img src="Untitled%20Document_files/Links_tab.jpg" alt="" height="32" width="103"></p>
    <p><img src="Untitled%20Document_files/Contact_Tab.jpg" alt="" height="32" width="103"></p>
  <!-- end #sidebar1 --></div>
  <div id="mainContent">
    <p>anything</p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
  </div>
	<br class="clearfloat">
  <div id="footer">
    <p>Footer</p>
<!-- end #container --></div>
  <!-- end #footer --></div>
</body></html>
 
Status
Not open for further replies.
Back
Top Bottom