Log In · Register

 
diag. stripes, i wish there was a request section...
GREASEbaby
post Apr 27 2006, 09:22 PM
Post #1


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
Okay, so I know you guys might get mad at me, but I am having the worst time trying to figure out how to code a layout. I'm not asking for you to do all of it for me, I just want to have it in this format:



So..yeah. I don't need any customizations, I just need the code for it.

Man..I feel bad for posting this in website help. I wish there was a request section.....

But help would be greatly appreciated flowers.gif throb.gif
 
 
 Start new topic
Replies (1 - 2)
talcumpowder
post Apr 27 2006, 10:41 PM
Post #2


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
This is about as basic as the code gets. wink.gif Taken from here.
CODE
<html>
<head>
<title>Two Column CSS Layout with Header</title>
<style type="text/css">

body
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#header {
  margin: 20px;
  padding: 10px;
  height: 100px;
}
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
}
#center {
  top: 0;
  margin-left: 230px;
  margin-right: 15px;
}
</style>
</head>
<body>
<div id="header">
Your header will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags.
</div>

<div id="left">
Your left menu will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.
</div>


<div id="center">
All of your content goes in this div.  This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly.  To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>
</body>
</html>
Then, as you learn more... You can expand on that basic code to something like this. It a lot more fun.
 
GREASEbaby
post Apr 27 2006, 10:46 PM
Post #3


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
Thanks a LOT Reili throb.gif
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic