Log In · Register

 
How do you make a 2 colum layout?
TwilightBella
post Dec 11 2008, 07:57 PM
Post #1


Senior Member
***

Group: Member
Posts: 31
Joined: Nov 2008
Member No: 699,802



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?
 
 
Start new topic
Replies
Mikeplyts
post Dec 11 2008, 08:08 PM
Post #2


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291



That's called a div/overlay layout. First you would need to make div classes
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>

(Replace ### with your own measurements.)

Then,
CODE
<div class="content1">
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. _smile.gif
 
TwilightBella
post Dec 11 2008, 08:13 PM
Post #3


Senior Member
***

Group: Member
Posts: 31
Joined: Nov 2008
Member No: 699,802



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.
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>

(Replace ### with your own measurements.)

Then,
CODE
<div class="content1">
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. _smile.gif


do you have an example I can see?
 

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: