Author Topic: Lost table separator backgrounds.  (Read 6500 times)

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Lost table separator backgrounds.
« on: January 27, 2014, 07:45:26 AM »
Hi Jacques,
I have been making some changes to my website, the most recent was to add BT's Sager Forecast to my index page, which seems to be working OK. But now I have lost the table separator backgrounds from the relevant pages. :-[
I have checked the styles.css file and the bar.gif in the style folder on my website and everything looks OK.
Do you have any ideas what might be the problem?

Edit: I have just tried commenting out the BT Forecast lines but it made no difference.
Thanks .......... Pete
« Last Edit: January 27, 2014, 01:52:17 PM by Pete »

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Lost table separator backgrounds.
« Reply #1 on: January 27, 2014, 06:06:44 PM »
Hi Pete,

Your page is searching this file:
style/long-bar.gif

Original Template use: style/bar.gif

So, you probably have changed your style.css file,
but haven't renamed the image file.

Regards,
Jacques
Please, consider supporting this site 

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Re: Lost table separator backgrounds.
« Reply #2 on: January 28, 2014, 03:10:06 AM »
Hi Jacques,
Somehow I had uploaded an old style folder which didn't have the "long-bar.gif" file.

Simple - when you know how!!

Thanks for the great support.

Pete

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Re: Lost table separator backgrounds.
« Reply #3 on: January 28, 2014, 04:09:52 PM »
Jacques or anyone,
Could you help my understanding of css with regard to the recent problem? Apologies if this is a very basic question.

In the index.php file we have, for example, the line:-
<td colspan="4" class="tableseparator"><?php echo $TT_TempAndHum; ?></td>

and in the styles.css file these lines:-
.tableseparator, .separator {
   width: 620px;
   border: none;
   background: url(style/bar.gif) left top no-repeat;
   padding: 6px 0px 6px 10px;
   color:#ffffff;
}
.tableseparator, .change {
   width: 950px;
   border: none;
   background: url(style/long-bar.gif) left top no-repeat;
   padding: 6px 0px 6px 10px;
   color:#ffffff;
}

I am assuming that "class="tableseparator""  in the index-txt.php file calls for long-bar.gif. If that is correct why does it call for long-bar.gif and not bar.gif?

Regards ......... Pete

Offline Mr.Meteo

  • Administrator
  • Hero Member
  • *****
  • Posts: 1120
    • http://www.meteostours.ca
Re: Lost table separator backgrounds.
« Reply #4 on: January 28, 2014, 05:39:58 PM »
Hi Pete,

Official layout for these "titles" is:
Code: [Select]
.tableseparator, .separator {
width: 620px;
border: none;
background: url(style/bar.gif) left top no-repeat;
padding: 6px 0px 6px 10px;
color:#ffffff;
}

Other code is not part of the Template.
Maybe a "ghost" in your site!! :P

Regards,
Jacques
Please, consider supporting this site 

Offline Pete

  • Jr. Member
  • **
  • Posts: 24
    • Fordingbridge Weather
Re: Lost table separator backgrounds.
« Reply #5 on: January 29, 2014, 09:41:10 AM »
Hi Jacques,
Thanks for the explanation.

It's very strange because I don't remember adding the additional css lines which caused the problem - certainly not at the time I was making the changes.

I have updated my styles.css file now and everything is back to normal.  :D

Thank you for your continuing support.

Pete