help with stylesheet

They have: 3 posts

Joined: May 2011

I have a web page with using css and I would like to make the text area wider and add a colum on the right hand side so that I can put advertising ect in it. I want to do this as most people are using wider screens and my page looks squashed over to the left of the screen and there is a large blank space on the right. There is a header and footer as well. I can the header image wider for the new style sheet.
I have no idea how to add the space or column though. I can post the code if needed.
Any help would be appreciated.
the site is
http://www.photorenovate.com.au

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Hello, welcome to the forums! There are a few things you need to do here.

First, to make the whole page wider, change the width on the .maintable class to 960px. 960 is a good width for web pages to fit in a 1024 x 768 screen. Also add a width of 960px to the .headertable.

Next, in the "maintable" table, add another <td> with class="sidebarrght". For the .sidebarright class, add a width (matching the width of the left sidebar would be a good idea), vertical-align:top, and probably some padding.

All of these tables should really be removed and replaced with div's and associated CSS, but one step at a time Wink

I hope that's good for a start!

They have: 3 posts

Joined: May 2011

thank you, I will try it and let you know how I go.
Your help is appreciated.

They have: 3 posts

Joined: May 2011

I have added the extra in the main table, done the new jpg for the header and put that on but I'm a bit unsure about the right hand column could you tell me exactly where and how to do that bit please, sorry for being so needy but this is very new to me.
Thanks again.
Sandra

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.