Is there a way to reduce the amount of space from the section above to where it says weather extremes? Looks like weather extremes starts two lines down from the previous section adding to the background space?
Finally since there is world high and low temperature can the world high rain be added?
Again thank you.
Bob
Hi Bob,
Second question first.. If you look at the page again
http://www.wunderground.com/climate/extremes.asp you'll see we have 'taken' all of the info available for that puppy as far as I can see.
On your first question, and I don't propose to be a 'coder', the extra spaces that were occurring were because all of the data was being put into 'p' tags, or what I understand to be 'paragragh' tags.
<p align="center" style="font-size:100%; font-weight:bold; color:#181008">Past 24 Hours</p>
<p align="center" style="font-size:90%; font-weight:lighter; color:#F00"><span class="style8">USA High:</span> <?php echo $usahigh ?></p>
<p align="center" style="font-size:90%; font-weight:lighter; color:#F00"><span class="style9">USA High Heat Index:</span> <?php echo $usaheatIndex ?></p>
That 'p align center' and then the ending p tag '/p'. This, again to me, means that you are putting a blank line basically above and below the data...
I use css for displaying my extremes data and incase someone wants to experiment, I've set up a simple page to show how css could fit into your menubar if you chose to do so.
http://www.mckeanweather.com/wxextremestestcss.phpWhat this consists of is basically a css file into the head of your page and the 'div' code entered into your menubar or any other location you wish.
Head
<style>
.wxextremes
{padding: 3px 3px 3px 3px;
width: 110px;
background: #FAF7F8;
color: #000000;
font-size: 1em;
text-align: center ;
border:2px solid red;
border-radius:10px 10px 10px 10px;
box-shadow: 5px 5px 5px #888888;
}
.xtremebl {color: blue;} /* add some colors to your spans*/
.xtremerd {color: red;}
.xtremegr {color: green;}
.xtremeye {color: yellow;}
.xtremebla {color: black;}
</style>
I set this up with the width of 110px, the same width of Jerrys table, so it should fit inside the menubar. If not you can size to suit. It also gives you some color options, rounded corners, etc. to play(and learn) with.
Then put this into the menbar
<div class="wxextremes">
<?php include_once('extremes.php')?>
24 Hour Extremes<br/>US and World<br/>-------------------<br/>
<span class="xtremebla"><b> High Temp</b></span><br/><span class="xtremebl"><?php echo $usahigh ?> </span> <br/>****<br/>
<span class="xtremebla"><b>High Heat Index</b></span> <span class="xtremerd"><?php echo $usaheatIndex ?> </span> <br/>****<br/>
<span class="xtremebla"><b>Low Temp</b><br/></span> <span class="xtremebl"><?php echo $usalow ?> </span> <br/> **** <br/>
<span class="xtremebla"><b>Low Wind Chill</b></span> <span class="xtremerd"><?php echo $usawindChill ?> </span> <br/> **** <br/>
<span class="xtremebla"><b>High Wind Gust</b></span> <span class="xtremebl"><?php echo $usawind ?> </span> <br/> **** <br/>
<span class="xtremebla"><b>High Rainfall</b></span> <span class="xtremerd"><?php echo $usaprecip ?> </span> <br/> **** <br/>------------------<br/>
<span class="xtremebla"><b>World High Temp</b></span> <span class="xtremebl"><?php echo $worldhigh ?> </span> <br/>****<br/>
<span class="xtremebla"><b>World Low Temp</b></span> <span class="xtremerd"><?php echo $worldlow ?> </span> <br/>****<br/>
<small> Data from WeatherUnderground</small>
</div>
Like I said, I'm not a coder but it could give your page a little 'personalized' look.
Let me know if there's any problems with the coding
Brad