How do you make a 2 colum layout? |
![]() ![]() |
How do you make a 2 colum layout? |
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?
|
|
|
|
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. |
|
|
|
Dec 11 2008, 08:13 PM
Post
#3
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Nov 2008 Member No: 699,802 |
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. do you have an example I can see? |
|
|
|
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.
|
|
|
|
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? |
|
|
|
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.
|
|
|
|
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
|
|
|
|
![]() ![]() |