A little CSS help

Post by **bork[e]** » Sat Jul 23, 2005 4:54 pm

http://www.members.cox.net/borke/screens/

I've got everything looking and working like it should but this one page. I would like to cut the main area down into 3 sections. One horizontally, and two that run vertical.

Code: Select all


map description...................................
______________________________________
images        |               description
images        |               description
images        |                description
ect               |               description
ect              |             description
ect               |              description

instead of everything just thrown in like it is. I can draw a picture if that doesn't explain well enough.

What would be the best way to achive this? I'm completely new to css so I'm kind of lost whenever I venture into the .css file. I've changed a few things and have the basic handle on it, but a few things just throw me completely off.

Post by **+JuggerNaut+** » Sat Jul 23, 2005 5:06 pm

can't say that i can help you with your CSS problem, but i like that layout. where'd you get it.

Post by **rep** » Sat Jul 23, 2005 5:07 pm

Just make your entire site out of flash so you can annoy everyone.

Post by **bork[e]** » Sat Jul 23, 2005 5:10 pm

+JuggerNaut+ wrote:can't say that i can help you with your CSS problem, but i like that layout. where'd you get it.

Got it from here. I got sick and tired of working for hours getting a damn table to look right and images to fit the right way inside the tables ect... Haven't had time to really sit down and learn the stuff I was trying to do so I thought for now, until I could really spend some time reading, I would work with something already made...I'm actually learning a lot more this way than I thought I would.

Post by **rep** » Sat Jul 23, 2005 5:11 pm

Why not just use div layers?

Code: Select all

<div id="Whatever" style="position:absolute; left:"###"px; top:"###"px; width:"###"px; height:"###"px; z-index:1"></div>

Post by **+JuggerNaut+** » Sat Jul 23, 2005 5:13 pm

bork[e] wrote:
+JuggerNaut+ wrote:can't say that i can help you with your CSS problem, but i like that layout. where'd you get it.
Got it from here. I got sick and tired of working for hours getting a damn table to look right and images to fit the right way inside the tables ect... Haven't had time to really sit down and learn the stuff I was trying to do so I thought for now, until I could really spend some time reading, I would work with something already made...I'm actually learning a lot more this way than I thought I would.

thanks.

Post by **bork[e]** » Sat Jul 23, 2005 5:13 pm

*searches google*

That actually sounds like a good idea rep, wasn't aware of those.

Post by **MKJ** » Sat Jul 23, 2005 5:48 pm

exactly
divs are the way to go sir

Code: Select all

<div style="width: 750px;">
horizontal
</div>
<div id="leftbar" style="float: left; width: 250px;">left vert bar</div>
<div id="middlebar" style="float: left; width: 250px;">middle vert bar</div>
<div id="rightbar" style="float: left; width: 250px;">right vert bar</div>

Post by **bitWISE** » Sat Jul 23, 2005 5:54 pm

bork[e] wrote:
+JuggerNaut+ wrote:can't say that i can help you with your CSS problem, but i like that layout. where'd you get it.
Got it from here. I got sick and tired of working for hours getting a damn table to look right and images to fit the right way inside the tables ect... Haven't had time to really sit down and learn the stuff I was trying to do so I thought for now, until I could really spend some time reading, I would work with something already made...I'm actually learning a lot more this way than I thought I would.

Nice choice.

I started experimenting with divs on my latest project: http://perfunction.com/designs/cougarcourt/
The pics at the bottom are actually loaded in at random :icon14:

Post by **bork[e]** » Sat Jul 23, 2005 6:04 pm

MKJ wrote:exactly
divs are the way to go sir
Code: Select all

Took me a few tries to figure out that went in the css file, but I got it working the way I want it to.. :icon30: