Help - Search - Members - Calendar
Full Version: Need help with CSS
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
mandikaye
Hi! I'm new to this forum, and I signed up because I'm pulling my hair out because I cannot figure out how to do what I want to do.

I'm trying to revamp the template I've got (http://www.findingcommonground.info).

I've already managed to make a lot of the color changes I wanted (it was a nasty brown and green), but I want to change the layout itself.

Right now, the most recent article appears in the header, and beneath that in the content there's a column for Blog Posts and and Feature Articles. I want to make it more horizontal than vertical, so I want to move the content to the right of the header, and pull the footer up.

How do I do that????

I've been experimenting with Firebug in Firefox, but haven't found the right section to change. Any help at all would be greatly appreciated.
Darin McGrew
It sounds like you want to change your CSS-based 2-column layout into a CSS-based 3-column layout. Here are some CSS-based layouts that you can use as templates:

glish.com : CSS layout techniques
Max Design - Sample CSS Page Layouts
Skidoo : Ruthsarian Layouts
The Layout Reservoir - BlueRobot
mandikaye
Thanks...

I guess my brain just doesn't understand because I still can't figure out how to do what I want. I'm not looking for a whole new layout, I'm just trying to figure out how to adjust the one I've got.
pandy
What's the difference?
mandikaye
I like the look and feel of what I've got, just not the content placement. I'm trying to move content around, not get a whole new look.

Does that make sense at all?
pandy
Only if you use a WYSIWYG editor. biggrin.gif

How can you move things around without redesigning? You can't move one bit without it effecting the others. The building blocks are all interconnected. I'm not saying you have to rewrite every bit of HTML, but you do have to rethink the design.
Darin McGrew
Well, right now you've got div#container that's 770px wide. Inside it, you've got div.site_info_home that's 355px wide and floated left, and next to it is div#home with a left margin that's 375px wide. Below that, you've got div#feature_list that's 355px wide and floated right, and div#blog_list that's 355px wide and floated left.

So, what do you want to move where?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.