help with stylesheet
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 posted this at 13:19 — 17th May 2011.
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 to960px
. 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>
withclass="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
I hope that's good for a start!
Megan
Connect with us on Facebook!
carardnas posted this at 23:15 — 17th May 2011.
They have: 3 posts
Joined: May 2011
thank you, I will try it and let you know how I go.
Your help is appreciated.
carardnas posted this at 10:07 — 18th May 2011.
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.