Website-Like Div Layer Options

[ladyCHA]

Okay. I would like to know how to make a two-column div layer. Ie. A website layout. I’ve seen it before but I haven’t been able to find any instructions/guides on how to accomplish this. I would like to make a div layer that would look something like this

http://ignite.nu/wp/index.php

Hopefully this is possible and not asking much. I know how to hide the profile. I’ve read-through the div guides. It’s getting the layers on to do this that confuses me. Thanks in advance!

-Chantelle

[*WHIMSICAL 0NE*]

(I used to go to ignite.nu all the time. I love reading Ashley's blog. I have been for... too long)

Anyways, have you read through the tutorials that we have here? It's kind of hard for me to help you, because it's not a specific problem that you're having.

Once you have 50 posts you can make a request for someone to make it for you.

[ladyCHA]

I like reading her blogs too lol

Well I would really like to be able to make one on my own rather than have someone make it for me. I wanna get this stuff down! Lol

Well I’ll try and explain things a bit better.

After I hide my profile. What’s the next step? How do I add layers and position them so that I can make a website type of layout? I just don't really understand how to add to a div once your profile is hidden.

[*WHIMSICAL 0NE*]

Okay, well if you don't have an image program you can use regular paint (Programs >> Accessories >> Paint) and position your divs from there.

First thing you have to do is if you have an image use this:

CODE

<div class="bg" style="position: absolute; left:0px; top:150px;  overflow: auto;">
<img src="IMAGEURLHERE">
</div>

I made it top:150px; so that it doesn't cover up the add.

From there you have to position your divs that have content. For me, the simplist way to do that is to use this code:

CODE

<div class="content" style="position: absolute; left:0px;  top:0px; width:0px; height:0px; overflow: auto;">

Enter Content Here

</div>

You can change your width and height to whatever you want it to be.
Now, if you're using paint (It varies with different image programs) you need to look in the lower right hand corner, and those numbers go into left and top.

For example, in this image:
http://img157.imageshack.us/img157/2159/screenshot0we.jpg
Your code would be like this:

CODE

<div class="content" style="position: absolute; left:527px;  top:381px; width:0px; height:0px; overflow: auto;">

Enter Content Here

</div>

Hope that helped a bit.