Log In · Register

 
 
Reply to this topicStart new topic
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?
 
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?
 
Mikeplyts
post Dec 11 2008, 08:18 PM
Post #4


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

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



You could try looking at the Website Templates here on cB.
 
TwilightBella
post Dec 11 2008, 08:23 PM
Post #5


Senior Member
***

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



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?
 
Mikeplyts
post Dec 11 2008, 08:28 PM
Post #6


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

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



That's what I would do. _smile.gif
 
TwilightBella
post Dec 11 2008, 08:29 PM
Post #7


Senior Member
***

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



oh ok wasn't sure
 

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