Author Topic: Basic CSS Question for Ver 3 templates  (Read 1676 times)

0 Members and 1 Guest are viewing this topic.

Offline Andy G

  • Forecaster
  • *****
  • Posts: 306
    • SunPrairieWeather.com
Basic CSS Question for Ver 3 templates
« on: October 22, 2011, 11:43:21 AM »
Hi

Sorry if this is in the wrong forum. I am changing my site http://www.sunprairieweather.com/ which is somewhat cobbled and has parts from various versions ect. I am going with version 3 Templates (thanks everyone) this is my test site http://www.andrewgetschmann.com/index.php I think I have a handle on most of it for now but I am having a problem with my header. I have my background image in #header I am having trouble getting my .subHeaderRight to move down to reveal the #header background image I tried increasing the margin/padding but it did not work it seemed to work with my .subheader and .headertemp rules.

Thanks I am heading out to do yard work so no hurries on the replys Thanks again
Once you can accept the universe as being something expanding into an infinite nothing which is something, wearing stripes with plaid is easy.
~Einstein


SunPrairieWeather.com
Davis VP2 24 FARS

Online saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 9259
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: Basic CSS Question for Ver 3 templates
« Reply #1 on: October 22, 2011, 12:53:11 PM »
I'd suggest a somewhat simpler method to get the image in the header (other than using a background image via CSS).  Just change the stock header.php code of
Code: [Select]
<!-- header -->
    <div id="header">
      <h1 class="headerTitle">
        <a href="index.php" title="Browse to homepage"><?php echo langtransstr($SITE['organ']); ?></a>
      </h1>
 <div class="headerTemp">
   <span class="doNotPrint">
   <span class="ajax" id="ajaxbigtemp"><?php print isset($tempnodp)?"$tempnodp$tuom":"&nbsp;"?>
 </span>
</span>
   </div>
to
Code: [Select]
<!-- header -->
    <div id="header">
      <h1 class="headerTitle">
        <a href="index.php" title="Browse to homepage"><img src="/images/headers/fall.jpg" alt="Header Image" style="border: 0"></img></a>
      </h1>
 <div class="headerTemp">
   <span class="doNotPrint">
   <span class="ajax" id="ajaxbigtemp"><?php print isset($tempnodp)?"$tempnodp$tuom":"&nbsp;"?>
 </span>
</span>
   </div>
which uses the image directly in the correct place.. No CSS adjustments needed :)

The .subHeaderRight CSS is to position/display the station location information, and optionally the language select information .. Putting the image in the headerTitle area which spans the entire top of the page is the right place for the image.

Best regards,
Ken
« Last Edit: October 22, 2011, 12:55:03 PM by saratogaWX »
Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis VP1+ FARS, Blitzortung RED, GRLevel3, WD, WL, VWS, Cumulus, Meteobridge
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline Andy G

  • Forecaster
  • *****
  • Posts: 306
    • SunPrairieWeather.com
Re: Basic CSS Question for Ver 3 templates
« Reply #2 on: October 22, 2011, 01:30:03 PM »
Perfect!

I guess I was complicating a a simple solution. back to my yard work.

Thanks Much Andy

Once you can accept the universe as being something expanding into an infinite nothing which is something, wearing stripes with plaid is easy.
~Einstein


SunPrairieWeather.com
Davis VP2 24 FARS