BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
How to change background color for the right hand side panel
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Beginner's Lounge
View previous topic :: View next topic  
Author Message
roger_rustin



Joined: 14 Dec 2004
Posts: 10

PostPosted: Sun Jan 09, 2005 1:41 am    Post subject: How to change background color for the right hand side panel Reply with quote

How do I get the white background for the right hand side planel similar to the background of the left hand side. I tried customizing CSS but no success.

http://weblog. neeraj.name/blog

thanks.
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Sun Jan 09, 2005 12:19 pm    Post subject: Re: How to change background color for the right hand side p Reply with quote

Try this and let us know if it does the job:

Code:
table.columns td.right {
    background-color: #fff;
}
Back to top
View user's profile Send private message Send e-mail Visit poster's website
roger_rustin



Joined: 14 Dec 2004
Posts: 10

PostPosted: Sun Jan 09, 2005 7:58 pm    Post subject: Reply with quote

That worked.

Follow up question.

I want to reduce the width of the middle column. I tried following settings but it didn't work.

table.columns td.center {
height: 100%;
min-width: 40%;
width: 200px; //reduced from 340 px
}

table.columns td.right {
background-color: #fff;
width: 15%; //want to limit the width of right column to 15%
height: 100%;
}
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Jan 10, 2005 9:53 am    Post subject: Reply with quote

I tried using just this:

Code:
table.columns td.right, table.columns td.left {
    width: 30%;
}


and it expanded the sidebars...
Back to top
View user's profile Send private message Send e-mail Visit poster's website
roger_rustin



Joined: 14 Dec 2004
Posts: 10

PostPosted: Mon Jan 10, 2005 5:50 pm    Post subject: Reply with quote

I'm trying to remove the horizonal scroll bar I'm getting at the bottom for 1024X768 screen size.


I am trying to have the width on both right side and the left size of 15% (you showed me how to do that)

and the rest should be allocated to the middle column such that no horizonal scroll bar appears for 1024X768 screen size.

Thank you.
Back to top
View user's profile Send private message
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Jan 10, 2005 6:11 pm    Post subject: Reply with quote

I don't think that's an issue with your CSS or blog layout, look at any individual article and you'll see that individually they look fine.

Seems like you have one article here:

http://weblog.neeraj.name/blog/Technology/_archives/2005/1/3/223225.html

which has some html with long strings containing non-breaking spaces ( ) which cause the excessively long lines, forcing the column to be much wider than it should be. If you edit that article to remove the non-breaking spaces, or exchange them for some plain old spaces, your layout will look fine.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Guest






PostPosted: Tue Jan 11, 2005 4:29 pm    Post subject: Reply with quote

Thanks that worked.

To my utter surprise I found that my site looks all messed up on IE6.0 SP1. This is the first time I used IE in three months so I'm not sure if I screwed up something. Help is appreciated.

thanks.
Back to top
Guest






PostPosted: Tue Jan 11, 2005 10:21 pm    Post subject: Reply with quote

Nevermind. I had goofed up the CSS. It's all good now. Thanks for all your support.
Back to top
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Beginner's Lounge All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum