sorry for the delay. here is the code, it looks good standalone on its own page but like I said when I try including it (many methods) into another page is gets messed up.
<?php
$bg = array('background.png', 'background2.png', 'background3.png',
'background4.png', 'background5.png','background6.png','background7.png',
'background8.png', 'background9.png', 'background10.png'
); // array of filenames
$i = rand(0, count($bg)-1); // generate random number size of the array
$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>
<head>
<?php
include_once('phpweatherlib.php');
$displayWeather=true;
//CREATE OUR WEATHERLIB OBJECT FOR NEW YORK CITY (WEATHER STATION KNYC)
$weatherLib=new WeatherLib('KLNK');
if($weatherLib->has_error())
{
echo "ERROR: ".$weatherLib->get_error();
$displayWeather=false;
}
?>
<?php if($displayWeather==true){ ?>
<!--Random Content-->
<?php
include("script/randomcontent.html");
?>
<!--end random content-->
</head>
<style type="text/css">
#background
{
width: 766px;
height: 347px;
background: url(img/home/<?php echo $selectedBg; ?>) no-repeat;
border:0px solid black;
position: absolute;
z-index: 1
}
#weather
{
position: absolute;
z-index: 550;
background-color: bababa;
width: 240px;
height: 150px;
margin-left: 45px;
margin-top: 30px;
opacity: 0.80;
}
#weather:hover
{
opacity: 0.80;
}
#current-image
{
margin-top: 15px;
margin-left: 30px;
}
#current-image:hover
{
opacity: 0.8;
}
#details
{
background: url(img/button.jpg) no-repeat;
margin-left: 30px;
margin-top: 5px;
position: absolute;
z-index: 510;
height: 30px;
width: 69px;
}
#details:hover
{
opacity:0.8;
}
#Detailstext
{
font-weight: bold;
font-size: smaller;
font-family: "arial";
color: white;
margin-top: -10px;
margin-left: 10px;
position: absolute;
z-index: 550;
}
#Currents
{
margin-left: 120px;
margin-top: 0px;
position: absolute;
z-index: 510;
height: 30px;
width: 69px;
}
#currents:hover
{
color: black;
font-wight: bolder;
}
#Text {
background-color: white;
height: 60px;
width: 80%;
margin: 30px;
margin-top: 0px;
position: absolute;
z-index: 500;
padding: 10px;
}
#didyouknow_container {
background-color: bababa;
height: 160px;
width: 400px;
position: absolute;
z-index: 500;
margin-left: 330px;
margin-top: 125px;
opacity: 0.8;
}
#didyouheader
{
margin-left: 25px;
font-family: Arial;
margin-top: -15px;
}
#randomcontent
{
font-weight: bold;
}
#button
{
background: url(img/button.jpg);
margin-left: 160px;
margin-top: 90px;
position: absolute;
z-index: 510;
height: 20px;
width: 200px;
}
#button:hover
{
opacity:0.8;
}
#Buttontext
{
font-weight: bold;
font-size: smaller;
font-family: "arial";
color: white;
margin-top: -16px;
margin-left: 20px;
position: absolute;
z-index: 550;
}
</style>
<div id="Home">
<div class="container">
<div id="background">
<!--Background image here-->
</div><!--end background -->
<div id="weather">
<div id="currents">
<strong><h3>
<?php echo $weatherLib->get_temp_f(); ?> F
<br><?php echo $weatherLib->get_weather_string(); ?></br>
</strong></h3>
</div> <!--end Currents -->
<div id="current-image">
<img src="<?php echo $weatherLib->get_icon(); ?>" width="69" height="74" alt="current weather" >
</div> <!--end Current Image -->
<a href="Weather.php" >
<div id="details">
<div id="Detailstext">
<span><h3>Details</h3></span>
</div><!--end Details text -->
</div><!--End details-->
</a>
\ <?php } //END IF ?> <!--end weather php script-->
</div><!--end Weather-->
<div id="didyouknow">
<div id="didyouknow_container">
<div id="didyouheader">
<h3>Did you Know?</h3>
</div><!--end Did you know header-->
<div id="Text">
<div id="randomcontent">
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincon is home to the first 911 system. </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln is home to the Nebraska Cornhuskers</p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln is home to the nation's only Unicameral</p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">UNL is home to the United States largest weight room. It is 3/4 of an acre. </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln was not always the Capitol city of Nebraska. </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln is ranked number 2 in the nation for the happiest people (Gallup). </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln is ranked 4th Best Place to Raise a Family (Children's Health, 2009) </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Lincoln is ranked 5th Safest American City (<a href="http://realestate.yahoo.com/promo/americas-safest-cities-2011.html" target="_blank"> Forbes</a>, 2011) </p>
</div>
<div class="randomcontent group2">
<p style="margin-top: -5; ">Charles Lindbergh learned to fly in Lincoln. He took lessons at Lincoln Airplane and Flying School where Lincoln Memorial Park is today. </p>
</div>
<script type="text/javascript">
//Call this following all random contents HTML on the page:
randomcontentdisplay.init()
</script>
</div><!--end randomcontent-->
</div><!-- end Random Did you know text-->
<a href="about.php" >
<div id="button">
<div id="buttontext">
<span><h3>Learn About Lincoln</h3></span>
</div><!--end Learn about lincoln button text-->
</div><!--end Learn about lincoln button image--></a>
</div><!--end didyouknow_container-->
</div><!--end didyouknow-->
</div><!--end home container-->