View Full Version : Div layers or tables?


mystikal06
06-16-2004, 03:23 AM
I finally made a half decent blend(well for me it's decent enough) but now I can't figure out how to make it into a layout. You can see the graphic here http://geocities.com/suicidaloutkast/Fefe.html and see if I should use div layers or tables. I've only used tables I believe and that was about a year ago and one time. I'm new to div layers and tables so any help would be appreciated:) Ohh...and what I want is either those little boxes filled with info or else I want just two main frames underneathe where I can have my information that's always there and the other box is where my content opens up at. Make any sense? If you need an example of what I'm talking about then let me know and I'll try to find one.

salomeyasobko
06-16-2004, 03:47 AM
well i would use DIV layers.. for starters, i think they're a lot easier to use, and they and fully transparent without a code [the text isn't transparent though, of course] so they're just more simple to use. here's the code [edit the bold parts to position and specify the size of the DIV in pixels]:

<DIV style="position: absolute; left: ##px; top: ##px; height: ##px; width: ##px;"> CONTENT HERE </DIV>

i don't know if that helps, so for more info on DIVs, go here: http://www.lissaexplains.com/html7.shtml

mystikal06
06-16-2004, 09:16 PM
would i need to make textbox things underneath the layout or what? I'm sorta confused

mystikal06
06-16-2004, 09:25 PM
okay this is an example of what I'm trying to do. If it's not possible then just let me know lol. http://fiare.net

kittycat
06-16-2004, 09:55 PM
They used one div and one iframe there, both absolutely positioned to be in an exact place. If you look at the link sal posted it explains how to do divs.

mystikal06
06-16-2004, 09:58 PM
I know but what I don't get how to do is make like text boxes like she has. She has those two long frame things on her site. That's what I want but I don't know what to do...

kittycat
06-16-2004, 10:02 PM
Basically...
<div [and attributes]>
You put all your content for one column here
</div>

<div [and attributes]>
You put all your content for the other column here
</div>

You'll have to change the attributes like width, height, and position to get it to look like that, but that's basically all that it is... Once you understand how divs and positioning work it's not that hard.