Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,256
Total Threads: 106,575
Total Posts: 592,698
There are 96 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...
Reply    
    Thread tools Search this thread Display Modes  
08-07-2012, 04:38 AM
#1
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 http://www.oldpostbbq.com 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
#2
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

  Old

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

I changed
Code:
background: url("images/bg-main-wrap.png") repeat-y scroll 0 0 transparent
to
Code:
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
#3
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,096
iTrader: 26 / 100%
 

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

Send a message via Skype™ to Gaz

  Old

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:
<style>
/* 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;
}
</style>

Reply    


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