Full Version: How do you make a 2 colum layout?
I have a few sites and I was wondering how do you exactly make a 2 colum layout and code it? I have paint shop pro 8 so how would i make and code a layout using that?
That's called a div/overlay layout. First you would need to make div classes
I.E.
(Replace ### with your own measurements.)
Then,
And you can design the main background image however you want as long you can position your divs inside the content area on your image.
I.E.
CODE
<style>
.content1 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
.content2 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
</style>
.content1 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
.content2 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
</style>
(Replace ### with your own measurements.)
Then,
CODE
<div class="content1">
STUFF GOES HERE
</div>
<div class="content2">
STUFF GOES HERE
</div>
STUFF GOES HERE
</div>
<div class="content2">
STUFF GOES HERE
</div>
And you can design the main background image however you want as long you can position your divs inside the content area on your image.
QUOTE(Mikeplyts @ Dec 11 2008, 08:08 PM) 
That's called a div/overlay layout. First you would need to make div classes
I.E.
(Replace ### with your own measurements.)
Then,
And you can design the main background image however you want as long you can position your divs inside the content area on your image.
I.E.
CODE
<style>
.content1 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
.content2 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
</style>
.content1 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
.content2 {position: absolute; top:###px; left:###px; width:###px; height:###px; overflow: auto;}
</style>
(Replace ### with your own measurements.)
Then,
CODE
<div class="content1">
STUFF GOES HERE
</div>
<div class="content2">
STUFF GOES HERE
</div>
STUFF GOES HERE
</div>
<div class="content2">
STUFF GOES HERE
</div>
And you can design the main background image however you want as long you can position your divs inside the content area on your image.
do you have an example I can see?
You could try looking at the Website Templates here on cB.
im new at this I don't understand it i mean i know the basic of html
but im not that good at it. I mean when i make the layout in psp do i
make the whole layout like the boxes and all?
but im not that good at it. I mean when i make the layout in psp do i
make the whole layout like the boxes and all?
That's what I would do.
oh ok wasn't sure
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.