Edit:
Got it figured out. I needed to position the div I used as a container. I used a bare inline position:relative.
>>>
Need a CSS guru.
I'm having a CSS problem that I think has to do with z-index and the div I use as a container. Here is the code
Code:
<div>
<img src="<?=$imgUrl?>/state/temps/<?=$statename?>.gif" border=0>
<?php
foreach ($state_data as $key => $value)
{
//echo "KEY::$key - VALUE::$value<br>";
list($junk,$temp)=explode('|',$value);
//$city1 = preg_replace('/ /', '_', $city);
$ww1 = $coords[$key];
list($top,$left)=explode('|',$ww1);
echo '<span style="font-size: 24px; color: #FF0000; z-index:10; position:absolute; top:';
echo "$top";
echo '; left:';
echo "$left";
echo ';">';
echo "<b>$temp°</b>";
echo "</span>\n";
}
?>
</div>
As you can see I am positioning spans inside of a div. This works just fine
Index of /templates from a bare template (map_stateName.php)
or a pop-up window
InstaGuide Weather - - State_maps Page
But when I try to include the template within the content area of the site the spans fail to position even though the top and left coords are correct. The spans show up next to the graphic as if they were not even referenced with top/left.
So, how and what do I clear or whatever to get absolute positioning to work? I've been beating at this for a day and a half. It is one of the few things I have not been able to work out on my own. ARRGHHH!
TIA
Ronnie