PDA

View Full Version : Tell me, how would I do this with CSS




janitorC7
Oct 24, 2006, 06:55 PM
I HATE TABLES

I'm working on this website, can sombody please help me out with this, how would I do this with CSS, layout and formatting, all of it. Notice how messed up tables left the navigation section, amoung other things

any ideas, help, I try and try but cant get everything to line up

http://fairwayreversemortgages.com/



Doctor Q
Oct 24, 2006, 07:07 PM
I assume you want the Navigation section to be top-justified, although it could also be under the logo/heading, just not as far down.

If this (http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/finished.html) is the general shape you are have in mind, there is a tutorial about creating it here (http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/). You can omit its horizontal navigation section.

janitorC7
Oct 24, 2006, 10:44 PM
I assume you want the Navigation section to be top-justified, although it could also be under the logo/heading, just not as far down.

If this (http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/finished.html) is the general shape you are have in mind, there is a tutorial about creating it here (http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/). You can omit its horizontal navigation section.

thanks, but I'm still having proablems here

anbody else have any other ideas

tuartboy
Oct 24, 2006, 11:41 PM
if you are going fixed width all the way across, this should be fairly easy to fix. you would just need to separate the main column on the left and the nav column into 2 separate divs and float them left.

I threw something together in PS to show you what i mean. It's psuedo code, so don't follow it to a T...

janitorC7
Oct 25, 2006, 12:47 AM
if you are going fixed width all the way across, this should be fairly easy to fix. you would just need to separate the main column on the left and the nav column into 2 separate divs and float them left.

I threw something together in PS to show you what i mean. It's psuedo code, so don't follow it to a T...

got that

That is more or less what I came up with design wise.... but again my CSS coding knowlage is limited, yea I know, I just thought it was a fad so I never bothered.....much

But I cant figure out how to code it correctly

Foggy
Oct 25, 2006, 08:45 AM
thanks, but I'm still having proablems here

anbody else have any other ideas

What problems are you having? Tbh, there isnt anything more to it than what was in that tutorial. Try having a look round:

http://www.glish.com/css/

CSS layout really isnt that hard if you arent doing anything advanced, most of the information (well...actually...all of it) can be gleaned from the web with a bit of googling.