Part of the EllisLab Network
Forum Home  >  pMachine Pro Forums  >  pM Pro Design Forum  >  Thread
pMachine Pro has been replaced by ExpressionEngine, our full featured web publishing solution. Please consider upgrading.
You can download pMachine Pro here: Download pMachine Pro  |  Download Language Packs
   
 
Customization Problem - CSS Issue?
 
patdpoo
Posted: 19 July 2004 08:28 AM   [ Ignore ]  
Lab Assistant
Avatar
RankRank
Total Posts:  263
Joined  2004-01-03

Hi, I’m posting to this forum because I’ve tried elsewhere and can’t seem to figure out the problem.  I have pMachine pro on this site - http://www.bandonfellowship.org/  - which by the way is working great for this type of site.  Anyway, I believe it could be due to the doc type:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

I’m getting some background problems in FireFox, but not IE.  IE is viewing correctly, but FireFox displays my background image in the middle navigation td as double.  My blue line with the shading should only display once. 

I tried so many things and can’t get it to not do that - any CSS gurus out there who could help me fix this problem. 

Here is how it should look (correct in IE)
http://www.bandonfellowship.org/scrn-shot.htm

Any help would be appreciated as the site is live and I goofed up by not checking it in different browsers to begin with. 

Pat smile
Profile
 
 
patdpoo
Posted: 19 July 2004 09:19 AM   [ Ignore ]   [ # 1 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  263
Joined  2004-01-03

Tried a test page here: http://bandonfellowship.org/index2.php and removed the doc type that pMachine needs for a test and my background image displays correctly.  But of course I need that doc type in order to use pMachine to update my content - catch 22 here. 

Any advice would be appreciated.

Pat smile
Profile
 
 
Chris Curtis
Posted: 20 July 2004 11:12 PM   [ Ignore ]   [ # 2 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

You seem to have the background image specified in both your CSS and HTML:

<td colspan="8" background="images/fp-bar4.jpg" class="cntrnav">


and

.cntrnav {
background-image: url(images/fp-bar4.jpg);
height: 29px;
text-align: center;
border-bottom: 1px solid #AAA9A6;
padding: .4em 0 0 0;
}

My suggestion is two-fold:

1. Remove the attribute in the HTML and only specify via CSS.

2. Add the “background-repeat” CSS property to tell the browser what to do:

.cntrnav {
  background-image: url(images/fp-bar4.jpg);
  background-repeat: repeat-x;
  height: 29px;
  text-align: center;
  border-bottom: 1px solid #AAA9A6;
  padding: .4em 0 0 0;
  }

 Signature 

Chris Curtis
chriscurtis.org
Profile
 
 
patdpoo
Posted: 20 July 2004 11:35 PM   [ Ignore ]   [ # 3 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  263
Joined  2004-01-03

Hi, Chris.  Thanks for the help.  I did have the background originally in the CSS but added it back.  So I added as you’ve suggested and I’m no longer getting the double line, but getting as space or gap betwen the bottom of the background image and Upcoming Events table.  Of course, it is only displaying this way in Firefox as IE and Opera are showing correctly.

How should I close up that gap?

Thanks, Pat smile
Profile
 
 
Chris Curtis
Posted: 21 July 2004 12:03 AM   [ Ignore ]   [ # 4 ]  
Research Scientist
Avatar
RankRankRankRankRankRank
Total Posts:  9868
Joined  2002-06-19

I’d suggest setting the “background-color” of that CSS class to match the background of the image.  That should take care of it, I think.

 Signature 

Chris Curtis
chriscurtis.org
Profile
 
 
patdpoo
Posted: 21 July 2004 02:54 PM   [ Ignore ]   [ # 5 ]  
Lab Assistant
Avatar
RankRank
Total Posts:  263
Joined  2004-01-03

Well, found out the background image was wrapped in the paragraph tag which caused the spacing with the td.  Removed that and it is fine in FireFox.

Thanks, Pat smile

Profile
 
 
   
 
 
‹‹ Help Correcting Tableless CSS Style Sheet [will pay!!]      Trying to create a new function : weblog_OFE ››
Post Marker Legend
New Topic New posts Hot Topic Hot Topic with new posts New Poll New Poll Moved Topic Moved Topic Sticky Topic Sticky topic
Old Topic No new posts Hot Old Topic Hot Topic with no new posts Old Poll Old Poll Closed Topic Closed Topic Announcement Announcements
Theme
Change Theme
Visitor Statistics
The most visitors ever was 233, on December 18, 2007 12:04 AM
Total Registered Members: 64511 Total Logged-in Users: 0
Total Topics: 81069 Total Anonymous Users: 0
Total Replies: 436299 Total Guests: 20
Total Posts: 517368    
Members ( View Memberlist )
Newest Members:  jarency,  Rizqi,  Rustin Phares,  naorshushn,  MasterNielsen,  Teks,  xenu,  liroka,  Kelvin Wong,  fertilepress
Active Members:   
Powered By ExpressionEngine
ExpressionEngine Discussion Forum - Version 2.1.1 (20081028)
Script Executed in 0.2951 seconds