Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,253
Total Threads: 80,789
Total Posts: 566,442
There are 65 users currently browsing (tf).
  Our Partners:
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Help! Pulling out my hair...

Thread title: Help! Pulling out my hair...
    Thread tools Search this thread Display Modes  
08-07-2012, 04:38 AM
dlopez916 is offline dlopez916
dlopez916's Avatar
Status: Member
Join date: Oct 2009
Location: Russellville, AR
Expertise: CSS, HTML, Flash, Photoshop
Software: Photoshop, Dreamweaver, Frefox
Posts: 108
iTrader: 0 / 0%

dlopez916 is on a distinguished road

  Old  Help! Pulling out my hair...

I am trying to figure out where, or what code I can edit to accomplish the following.

At the site I am trying to get a white background within the main content area (The white bars with <H1> Tags are in the perfect spot, and are an example of the area I am trying to fill). I have ftp every style sheet, and edited main index code, and I can't figure it out. Any help would be appreciated. using Firebug you can see the code, and I can provide any CSS files needed. Thanks

08-08-2012, 06:06 PM
fhugas is offline fhugas
Status: I'm new around here
Join date: Apr 2012
Location: Trondheim, Norway
Expertise: design, php, mysql and jquery
Software: Fireworks and phpDesigner
Posts: 1
iTrader: 0 / 0%

fhugas is on a distinguished road


Not completely sure what you want to achieve here, so I'm just sharing what I did to the page.

I changed
background: url("images/bg-main-wrap.png") repeat-y scroll 0 0 transparent
url("images/bg-main-wrap.png") repeat-y scroll 0 0 #FFFFFF
This gave me a white background on the content section of the page, and made the transparent brown sidebar into a solid brown color, not sure if you want that but personally I think it looks better and gives more contrast to the sidebar elements.

This I had to change for several CSS rules, you should review your CSS code and merge redundant rules, make use of classes.

I would get rid of that transparent image, and use CSS to color the sidebar instead. If you do want the transparent solution you can apply some CSS code to get a transparent effect, but I would advise you to turn the opacity up a little.

08-08-2012, 09:08 PM
Gaz is offline Gaz
Gaz's Avatar
Status: Request a custom title
Join date: Apr 2007
Location: UK
Expertise: Code & Programming
Software: Coda, TextMate, Sublime 2
Posts: 2,097
iTrader: 26 / 100%

Gaz will become famous soon enough Gaz will become famous soon enough

Send a message via Skype™ to Gaz


I'd advise to refactor your code. Start with a sidebar and a content section (the whole right section). But assuming you won't refactor, this is what you can do as a quick fix:

HTML Code:
/* I have not combined these three IDs because you already have them defined separately. Add background-color: white; to each ID. */
#slideshow-wrap {
background-color: white;
#featgal-wrap {
background-color: white;
#primary {
background-color: white;

/* Change this to remove the 25px transparent gap between the footer and the white background of the content, just put padding: 0; */
#fwa-wrap {
padding: 25px 0 0;


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed