hey folks,

i recently started putting sites together using liquid layouts.

With that in mind, i am working on a project that i want to use liquid layout for, but the design is causing me some issues.

you can see the header at http://www.insiteci.com/sample/lee.

i want to have the navigation in the bar just under the company name.

what's the best way to do this and keep the liquid layout? would i use magins? i'm going to keep playing and see if i can figure it out by myself but your help is greatly appreciated.

thanks in advance folks!

ok, i have made the pieces go where I want them. but have i done it right?

The design need's few more touch up, And yeah it will be looking great

so the programming is how it should be done?

i'm working on finishing the design. already looks better!

thanks

ok, now i have a new issue,

i want to have a second "news" section below the other one. But when i add it in, it goes beside the first one.

any thoughts?

If you're going to use the XHTML doctype, do not do this: <p align="left"> - that's what CSS is for.

Put your text inside paragraphs and it won't do that. Your 'test' is NOT in a paragraph, so anything you add in there is going to go next to "test".

i'm using XHTML?! HOLY HELL!!! How did i do that?!

this is what i'm getting now... http://insiteci.com/sample/lee/index.php

Well, you have the boxes set to float:left, so they are doing exactly what you told them to do.. floating.

CLEAR the float after each box and they'll "stack". You have to clear your floats anyway.

I would suggest that you put in a "wrapper" div for the left column that is exactly the width you want and then this wouldn't happen anyway.

i don't know how one person can know so much about this stuff! you rock!!

the only problem now is that my picture in the content section won't go to the top. but we're playing with that.

ok so i've re-read your last post and see a "wrapper" div comment. i will have to read up on that and see if i can't figure it out!

I think the "clear" action that i did is causing the issue with the picture in the content area, but i don;t know how.

i think the wrapper thing will fix that. am i on the right path?

ok i tried to play some more and i can't figure out why the picture aligns itself with the "newsb" div.

any thoughts>?

i think the design is quite nice.... no one is perfect... neither are all the designs..

nobody can help me get the picture in the right spot?

oh dear!

LOL

Well, I guess people are running out ofideas for you or are simply lazy. Everyone here is so **** intelligent, I wish I knew how to make a website....

i could see your point if i was just sitting on my *** getting asking for the help.

i have looked online, and can't find the answers. probably because i don't know what question to ask in google, etc.

i am learning this new way of designing, that is different than what i normally use and i try to help others the way i am looking for help.

sorry if my asking for help upsets you. not sure what your problem is.

i don't know how one person can know so much about this stuff! you rock!!

Thanks -- but I've been doing this stuff for over 10 years - you learn a few things

Let me dig into it and see what's going on....

*** ok..
The photo is sitting where it is even with/below the 2nd news section because you have float:left and clear: both applied ON the #newsb div. This is an ineffective way to clear the float - and it's causing the problem.

I would make this suggestion - add div around the news and tips on the left to create a left column. Define it's width as wide as the news sections and float IT left. Your #content will sit next to it if you float IT left (remove the clear:both) also, and your photo will go where you want it.

To clear the floated columns, add a clearing element (I use a <br>) AFTER the closing </div> on #content - or you can put the clear:both on the footer since it comes after the left column and #content.

i've learned a lot since i've been a member here, and i thank you most of you for that.

That's what we're here for