Onload / Onmouseover issues

bbeamish · 04-08-2011, 04:13 PM

Hello All,

I am writing a web page that accesses Mysql database data through PHP then dynamically displayes the Mysql data when the user mouses over different parts of an imagemap. I use Javascript OnLoad function to load the Mysql data into the header and then I use the Onmouseover function to change the display dynamically.

Here is my question; when I mouse-over a part of an image the data in my side bar changes (exactly what I want) but I can't seem to make the data linkable. For example, when a user mouse-overs a certain part of the image, on the side bar it displays the companies web adr. How do I make that data a link? On the initial load the default data displayed is linkable but because I use <div> </div> to change the data dynamically, I loose the likability.

For anyone that can help I can elaborate more (with code too) but I thought I would throw the general question out there and see if anyone could get my ball rolling.

Thanks,

Brian

Logic Ali · 04-08-2011, 04:28 PM

You must show how you're generating and displaying the replacement data.

bbeamish · 04-08-2011, 05:09 PM

will do,
ty for at least acknowledging my request for help
brian

bbeamish · 04-08-2011, 05:57 PM

Hi there,

here is the code for the page (irrelevant code removed). I have include the HTML/javascript HEADER code here and I put the relevant BODY & CSS code in following posts:

<?
session_start();
?>
<html>
<head>
<title>The Rational Investor's On The Mining Map - BC</title>
<link rel="stylesheet" type="text/css" href="mastercss.css" />
<?
// open database and get list of map entries and associated links in otmm_bc

$db = mysql_connect("XXXXXXXXX","XXXXXXXXXX","XXXXXXXX");
mysql_select_db("XXXXXXXX" ,$db);
$result = mysql_query("SELECT * FROM otmm_bc", $db);
$num_rows = mysql_num_rows($result);
$sql = mysql_query("SELECT *
FROM `otmm_bc`
LIMIT 0 , $num_rows" ,$db);

$loop_counter = 0;
$map_entry_counter = 0;
while ($tablerows = mysql_fetch_row($sql))
{
$map_entry_array[$map_entry_counter] = $tablerows[0];
$map_level_array[$map_entry_counter] = $tablerows[2];
$date_added_array[$map_entry_counter] = $tablerows[3];
$email_adr_array[$map_entry_counter] = $tablerows[4];
$web_adr_array[$map_entry_counter] = $tablerows[5];
$rss_feed_array[$map_entry_counter] = $tablerows[6];
$pic_adr_array[$map_entry_counter] = $tablerows[7];
$stock_symbol_array[$map_entry_counter] = $tablerows[8];
$prop_name_array[$map_entry_counter] = $tablerows[9];
$prop_deposit_array[$map_entry_counter] = $tablerows[10];
$stock_picadr_array[$map_entry_counter] = $tablerows[12];
$stock_dbase_array[$map_entry_counter] = $tablerows[13];
$rss_feedstring_array[$map_entry_counter] = $tablerows[14];
$loop_counter = $loop_counter + 1;
$map_entry_counter = $map_entry_counter + 1;
}
mysql_close($db);

for($j=0;$j<$map_entry_counter;$j++)
{
if (isset($stock_symbol_array[$j]))
{
$stock = $stock_symbol_array[$j];
$data_today = fopen("http://finance.yahoo.com/d/quotes.csv?s=$stock&f=sl1d1t1cv&e=.csv", "r");
$contents_today = fgetcsv($data_today, 100, ",");
fclose($data_today);
$numElements_today = count($contents_today);
for ($icounter=0; $icounter < $numElements_today; $icounter++)
{
if ($icounter == 1)
{
$stock_last_array[$j] = $contents_today[$icounter];
}
elseif ($icounter == 2)
{
$stock_ltdate_array[$j] = $contents_today[$icounter];
}
elseif ($icounter == 3)
{
$stock_lttime_array[$j] = $contents_today[$icounter];
}
elseif ($icounter == 4)
{
$stock_change_array[$j] = $contents_today[$icounter];
}
elseif ($icounter == 5)
{
$stock_vol_array[$j] = $contents_today[$icounter];
}
}
}
else
{
$stock_last_array[$j] = "";
$stock_ltdate_array[$j] = "";
$stock_lttime_array[$j] = "";
$stock_change_array[$j] = "";
$stock_vol_array[$j] = "";
}
}

//assign array of links to string

$row_limit = $num_rows - 1;
for ($otmm_loop=0;$otmm_loop<$num_rows;$otmm_loop=$otmm_loop+1)
{
if ($otmm_loop == 0)
{
$otmm_image_string = "$pic_adr_array[$otmm_loop]".",";
}
elseif ($otmm_loop == $row_limit)
{
$otmm_image_string = "$otmm_image_string"."$pic_adr_array[$otmm_loop]";
}
else
{
$otmm_image_string = "$otmm_image_string"."$pic_adr_array[$otmm_loop]".",";
}
}

$s1 = "$otmm_image_string";
$qs1 = "\"".implode("\",\"",explode(",",$s1))."\"";

// function for on mouse over to do BOTH //
?>
<script type=text/javascript>
function doChanges(y){
var z= y;
var imagevar = myimages[z];
var imagethis = this.href;
changeimage(imagevar,imagethis);
changetext(z);
}
</script>

<?
// function for on mouse over text //
?>
<script type=text/javascript>
function changetext(z){
var s= z;
var textchangeEntries = myArrayEntries[s];
var id = document.getElementById("DBtext_large");
id.innerHTML=textchangeEntries;

var textchangeWebadr = myArrayWebadr[s];
var id = document.getElementById("DBtext_link");
id.innerHTML=textchangeWebadr;

var textchangeEmail = myArrayEmail[s];
var id = document.getElementById("DBtext_email");
id.innerHTML=textchangeEmail;

var textchangeRss = myArrayNews[s];
var id = document.getElementById("DBtext_rss");
id.innerHTML=textchangeRss;

var textchangePropName = myArrayPropName[s];
var id = document.getElementById("DBtext_propname");
id.innerHTML=textchangePropName;

var textchangeDeposit = myArrayDeposit[s];
var id = document.getElementById("DBtext_deposit");
id.innerHTML=textchangeDeposit;

var textchangeStock = myArrayStock[s];
var id = document.getElementById("DBtext_quote_sym");
id.innerHTML=textchangeStock;

var textchangeStockLast = myArrayStockLast[s];
var id = document.getElementById("DBtext_quote_last");
id.innerHTML=textchangeStockLast;

var textchangeStockLtdate = myArrayStockLtdate[s];
var id = document.getElementById("DBtext_quote_ltd");
id.innerHTML=textchangeStockLtdate;

var textchangeStockLttime = myArrayStockLttime[s];
var id = document.getElementById("DBtext_quote_ltt");
id.innerHTML=textchangeStockLttime;

var textchangeStockChange = myArrayStockChange[s];
var id = document.getElementById("DBtext_quote_change");
id.innerHTML=textchangeStockChange;

var textchangeStockVol = myArrayStockVol[s];
var id = document.getElementById("DBtext_quote_vol");
id.innerHTML=textchangeStockVol;
}
</script>

<?
// functions for on mouse over images //
?>

<script type=text/javascript>
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}

function warp(){
window.location=gotolink
}

</script>

<script type=text/javascript>

var myArrayEntries = ["<?php echo implode('","',$map_entry_array); ?>"];
var myArrayWebadr = ["<?php echo implode('","',$web_adr_array); ?>"];
var myArrayEmail = ["<?php echo implode('","',$email_adr_array); ?>"];
var myArrayNews = ["<?php echo implode('","',$rss_feed_array); ?>"];
var myArrayPropName = ["<?php echo implode('","',$prop_name_array); ?>"];
var myArrayDeposit = ["<?php echo implode('","',$prop_deposit_array); ?>"];
var myArrayStock = ["<?php echo implode('","',$stock_symbol_array); ?>"];
var myArrayStockAdr = ["<?php echo implode('","',$stock_picadr_array); ?>"];
var myArrayStockLast = ["<?php echo implode('","',$stock_last_array); ?>"];
var myArrayStockLtdate = ["<?php echo implode('","',$stock_ltdate_array); ?>"];
var myArrayStockLttime = ["<?php echo implode('","',$stock_lttime_array); ?>"];
var myArrayStockChange = ["<?php echo implode('","',$stock_change_array); ?>"];
var myArrayStockVol = ["<?php echo implode('","',$stock_vol_array); ?>"];

var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages(<?echo("$qs1");?>);

</script>

</head>

bbeamish · 04-08-2011, 05:58 PM

BODY code:

<body>

<?
if (!isset($ss))
{
$ss = "Medium";
}
if ($ss == "Medium")
{
$ss_print = " (500 x 750) ";
$map_version = "BCMapFinallong2_small.png";
$autism_x_start = "370";
$autism_y_start = "125";
$autism_x_end = "400";
$autism_y_end = "150";

$britania_x_start = "430";
$britania_y_start = "125";
$britania_x_end = "470";
$britania_y_end = "150";

$sable_x_start = "210";
$sable_y_start = "275";
$sable_x_end = "240";
$sable_y_end = "290";

$northgate_x_start = "200";
$northgate_y_start = "300";
$northgate_x_end = "245";
$northgate_y_end = "315";

$thompson_x_start = "185";
$thompson_y_start = "350";
$thompson_x_end = "210";
$thompson_y_end = "360";

$imperial_x_start = "115";
$imperial_y_start = "390";
$imperial_x_end = "150";
$imperial_y_end = "400";

$imperial2_x_start = "285";
$imperial2_y_start = "405";
$imperial2_x_end = "315";
$imperial2_y_end = "415";

$westerncoal_x_start = "280";
$westerncoal_y_start = "340";
$westerncoal_x_end = "300";
$westerncoal_y_end = "350";

$peaceriver_x_start = "330";
$peaceriver_y_start = "355";
$peaceriver_x_end = "355";
$peaceriver_y_end = "370";

$teckcoal1_x_start = "380";
$teckcoal1_y_start = "445";
$teckcoal1_x_end = "395";
$teckcoal1_y_end = "455";

$teckcoal2_x_start = "375";
$teckcoal2_y_start = "465";
$teckcoal2_x_end = "390";
$teckcoal2_y_end = "475";

$teckcoal3_x_start = "405";
$teckcoal3_y_start = "500";
$teckcoal3_x_end = "415";
$teckcoal3_y_end = "510";

$teckcoal4_x_start = "405";
$teckcoal4_y_start = "525";
$teckcoal4_x_end = "420";
$teckcoal4_y_end = "535";

$teckcoal5_x_start = "450";
$teckcoal5_y_start = "560";
$teckcoal5_x_end = "465";
$teckcoal5_y_end = "570";

$teck_x_start = "255";
$teck_y_start = "515";
$teck_x_end = "270";
$teck_y_end = "525";

$taseko_x_start = "220";
$taseko_y_start = "425";
$taseko_x_end = "255";
$taseko_y_end = "435";

$roca_x_start = "360";
$roca_y_start = "490";
$roca_x_end = "370";
$roca_y_end = "500";

$breakwater_x_start = "60";
$breakwater_y_start = "565";
$breakwater_x_end = "100";
$breakwater_y_end = "575";

$hillsborough_x_start = "75";
$hillsborough_y_start = "535";
$hillsborough_x_end = "115";
$hillsborough_y_end = "545";

$rilogo_x_start = "35";
$rilogo_y_start = "620";
$rilogo_x_end = "70";
$rilogo_y_end = "645";
}
?>
<table border="1" width="100%" align="center">
<tr valign="top" height="1000">
<td>
<table align="center" cellpadding="1" cellspacing="0" width="100%" border="0">
<tr>
<td>
<table align="center" cellspacing="5" cellpading="5" width="100%" border="1">
<tr>
<td colspan="2" valign="center" bgcolor="#CCFFFF" align="center"><p class="heading_otmm">The BC Mining Map</p></td>
</tr>
<tr>
<td valign="top" align="left" width="50%">
<table border="1" width="100%">
<tr height="460">
<td valign="top">
<table border="0" align="left" width="100%">
<tr>
<TD colspan="2" valign="center" bgcolor="#CCFFFF" align="center"><a class="heading">Company Information</a></TD>
</TR>
<tr>
<td width="50%" valign="top">
<table width="100%" align="center" cellspacing="1" cellpaddin="1" border="0">
<tr>
<td valign="top" align="left"><a href="javascript:warp()"><img src="/images/OnTheMiningMap/rilogo.png" name="targetimage" border="2"></a></td>
</tr>
<tr>
<td valign="top" align="center">
<table width="100%" cellspacing="1" cellpadding="1" align="left" valign="top" border="0">
<tr>
<td valign="top"><a class="smalltext_otmm">Company:</a></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_large"><?echo("$map_entry_array[0]");?></div></td>
</tr>
<tr>
<td valign="top"><a class="smalltext_otmm">Web adr:<a/></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_link"><?echo("$web_adr_array[0]");?></div></td>
</tr>
<tr>
<td valign="top"><a class="smalltext_otmm">Email Contact:</a></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_email"><?echo("$email_adr_array[0]");?></div></td>
</tr>
<tr>
<td valign="top"><a class="smalltext_otmm">RSS Feed:</a></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_rss"><?echo("$rss_feed_array[0]");?></div></td>
</tr>
<tr>
<td valign="top"><a class="smalltext_otmm">Deposit Name:</a></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_propname"><?echo("$prop_name_array[0]");?></div></td>
</tr>
<tr>
<td valign="top"><a class="smalltext_otmm">Deposit Type:</a></td>
</tr>
<tr>
<td valign="top"><div id="DBtext_deposit"><?echo("$prop_deposit_array[0]");?></div></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="50%" valign="top">
<table width="100%" align="center" cellspacing="1" cellpaddin="1" border="0">
<tr>
<td valign="top" align="left"><a class="smalltext_otmm"><b>RSS News Feed (example - CRI)</b></a></td>
</tr>
<tr>
<td valign="top" align="left"><div id="DBtext_rssfeed"><script language="JavaScript" src="<?echo("$rss_feedstring_array[0]");?>" type="text/javascript"></script></div></td>
</tr>
<tr>
<td valign="top" align="left"><a class="smalltext_otmm"><b>Stock Quote & Chart</b></a></td>
</tr>
<tr>
<td valign="top">
<table width="100%" align="left" cellspacing="1" cellpadding="1" border="0">
<tr>
<td align="left"><a class="smalltext_otmm"><b>Sym</a></td>
<td align="left"><a class="smalltext_otmm"><b>Last</a></td>
<td align="left"><a class="smalltext_otmm"><b>Change</a></td>
<td align="left"><a class="smalltext_otmm"><b>Vol</a></td>
</tr>
<tr>
<td><div id="DBtext_quote_sym"><?echo("$stock_symbol_array[0]");?></div></td>
<td><div id="DBtext_quote_last"><?echo("$stock_last_array[0]");?></div></td>
<td><div id="DBtext_quote_change"><?echo("$stock_change_array[0]");?></div></td>
<td><div id="DBtext_quote_vol"><?echo("$stock_vol_array[0]");?></div></td>
</tr>
<tr>
<td align="left" colspan="2"><a class="smalltext_otmm"><b>As of:</b></a><div id="DBtext_quote_ltd"><?echo("$stock_ltdate_array[0]");?></div></td>
<td align="left" colspan="2"><a class="smalltext_otmm"><b>Time (delayed):</b></a><div id="DBtext_quote_ltt"><?echo("$stock_lttime_array[0]");?></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" align="center" cellspacing="1" cellpadding="1">
<tr>
<td align="left"><img src="/grid_wkly_chart.php?symbol=<?echo("$stock_dbase_array[0]");?>" width="100" height="140" border="1"></td>
<td align="left"><img src="/grid_mnthly_chart.php?symbol=<?echo("$stock_dbase_array[0]");?>" width="100" height="140" border="1"></td>
</tr>
<tr>
<td align="left" valign="top"><a class="smalltext_otmm"><b>Weekly</b></a></td>
<td align="left" valign="top"><a class="smalltext_otmm"><b>Monthly</b></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" align="center" width="50%">
<table border="1" cellspacing="4" cellpadding="0" align="center" valign="top">
<tr>
<td>
<img src="http://www.the-rational-investor.com/images/OnTheMiningMap/<?echo("$map_version");?>"
BORDER="2"
usemap="#mymap">
<MAP NAME="mymap">
<area shape="rect" coords="<?echo("$rilogo_x_start");?>,<?echo("$rilogo_y_start");?>,<?echo("$rilogo_x_end");?>,<?echo( "$rilogo_y_end");?>" onMouseover="doChanges(0)" href="http://www.therationalinvestor.ca/" target="_blank" Title="The Rational Investor" alt="The Rational Investor">
<area shape="rect" coords="<?echo("$autism_x_start");?>,<?echo("$autism_y_start");?>,<?echo("$autism_x_end");?>,<?echo( "$autism_y_end");?>" onMouseover="doChanges(1)" href="http://www.autismbc.ca/" target="_blank" Title="Autism Society of BC" alt="Autism Society of British Columbia">
<area shape="rect" coords="<?echo("$britania_x_start");?>,<?echo("$britania_y_start");?>,<?echo("$britania_x_end");?>,< ?echo("$britania_y_end");?>" onMouseover="doChanges(2)" href="http://www.britaniaminingmuseum.ca/" target="_blank" Title="Britannia Mining Museum" alt="Britannia Mining Museum">
<area shape="rect" coords="<?echo("$sable_x_start");?>,<?echo("$sable_y_start");?>,<?echo("$sable_x_end");?>,<?echo("$s able_y_end");?>" onMouseover="doChanges(3)" href="http://sableresources.com/" target="_blank" Title="Sable Resources - Shasta" alt="Sable Resources - Shasta">
<area shape="rect" coords="<?echo("$northgate_x_start");?>,<?echo("$northgate_y_start");?>,<?echo("$northgate_x_end");? >,<?echo("$northgate_y_end");?>" onMouseover="doChanges(4)" href="http://northgateexploration.com/Home/default.aspx" target="_blank" Title="Northgate Resources - Kemess South" alt="Northgate Resources - Kemess South">
<area shape="rect" coords="<?echo("$thompson_x_start");?>,<?echo("$thompson_y_start");?>,<?echo("$thompson_x_end");?>,< ?echo("$thompson_y_end");?>" onMouseover="doChanges(5)" href="http://www.thompsoncreekmetals.com/s/Home.asp" target="_blank" Title="Thompson Creek Metals - Endako" alt="Thompson Creek Metals - Endako">
<area shape="rect" coords="<?echo("$imperial_x_start");?>,<?echo("$imperial_y_start");?>,<?echo("$imperial_x_end");?>,< ?echo("$imperial_y_end");?>" onMouseover="doChanges(6)" href="http://www.imperialmetals.com/s/Home.asp" target="_blank" Title="Imperial Metals - Huckleberry" alt="Imperial Metals - Huckleberry">
<area shape="rect" coords="<?echo("$westerncoal_x_start");?>,<?echo("$westerncoal_y_start");?>,<?echo("$westerncoal_x_e nd");?>,<?echo("$westerncoal_y_end");?>" onMouseover="doChanges(7)" href="http://www.westerncoal.com/" target="_blank" Title="Western Coal - Brule, Dillon, Perry Creek" alt="Western Coal - Brule, Dillon, Perry Creek">
<area shape="rect" coords="<?echo("$peaceriver_x_start");?>,<?echo("$peaceriver_y_start");?>,<?echo("$peaceriver_x_end" );?>,<?echo("$peaceriver_y_end");?>" onMouseover="doChanges(8)" href="http://www.peacerivercoal.com/" target="_blank" Title="Peace River Coal" alt="Peace River Coal">
<area shape="rect" coords="<?echo("$teckcoal1_x_start");?>,<?echo("$teckcoal1_y_start");?>,<?echo("$teckcoal1_x_end");? >,<?echo("$teckcoal1_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Fording River" alt="Teck Coal Fording River">
<area shape="rect" coords="<?echo("$teckcoal2_x_start");?>,<?echo("$teckcoal2_y_start");?>,<?echo("$teckcoal2_x_end");? >,<?echo("$teckcoal2_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Greenhills" alt="Teck Coal Greenhills">
<area shape="rect" coords="<?echo("$teckcoal3_x_start");?>,<?echo("$teckcoal3_y_start");?>,<?echo("$teckcoal3_x_end");? >,<?echo("$teckcoal3_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Line Creek" alt="Teck Coal Line Creek">
<area shape="rect" coords="<?echo("$teckcoal4_x_start");?>,<?echo("$teckcoal4_y_start");?>,<?echo("$teckcoal4_x_end");? >,<?echo("$teckcoal4_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Elkview" alt="Teck Coal Elkview">
<area shape="rect" coords="<?echo("$teckcoal5_x_start");?>,<?echo("$teckcoal5_y_start");?>,<?echo("$teckcoal5_x_end");? >,<?echo("$teckcoal5_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Coal Mountain" alt="Teck Coal Coal Mountian">
<area shape="rect" coords="<?echo("$imperial2_x_start");?>,<?echo("$imperial2_y_start");?>,<?echo("$imperial2_x_end");? >,<?echo("$imperial2_y_end");?>" onMouseover="doChanges(10)" href="http://www.imperialmetals.com/s/Home.asp" target="_blank" Title="Imperial Metals - Mount Polley" alt="Imperial Metals - Mount Polley">
<area shape="rect" coords="<?echo("$teck_x_start");?>,<?echo("$teck_y_start");?>,<?echo("$teck_x_end");?>,<?echo("$teck _y_end");?>" onMouseover="doChanges(11)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck - Huckleberry" alt="Teck - Huckleberry">
<area shape="rect" coords="<?echo("$taseko_x_start");?>,<?echo("$taseko_y_start");?>,<?echo("$taseko_x_end");?>,<?echo( "$taseko_y_end");?>" onMouseover="doChanges(12)" href="http://www.tasekomines.com/tko/Home.asp" target="_blank" Title="Taseko - Gibralar" alt="Taseko - Gibralar">
<area shape="rect" coords="<?echo("$roca_x_start");?>,<?echo("$roca_y_start");?>,<?echo("$roca_x_end");?>,<?echo("$roca _y_end");?>" onMouseover="doChanges(13)" href="http://www.rocamines.com/s/Home.asp" target="_blank" Title="Roca - Max" alt="Roca - Max">
<area shape="rect" coords="<?echo("$breakwater_x_start");?>,<?echo("$breakwater_y_start");?>,<?echo("$breakwater_x_end" );?>,<?echo("$breakwater_y_end");?>" onMouseover="doChanges(14)" href="http://www.breakwater.ca/" target="_blank" Title="Breakwater - Myra Falls" alt="Breakwater - Myra Falls">
<area shape="rect" coords="<?echo("$hillsborough_x_start");?>,<?echo("$hillsborough_y_start");?>,<?echo("$hillsborough_ x_end");?>,<?echo("$hillsborough_y_end");?>" onMouseover="doChanges(15)" href="http://www.hillsboroughresources.com/" target="_blank" Title="Hillsborough - Quinsam" alt="Hillsborough - Quinsam">
</MAP>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

bbeamish · 04-08-2011, 05:58 PM

CSS code:

div#content {
width: 175px;
overflow:hidden;}

div#DBtext_large {
font-family: Georgia;
font-size: 1.15em;
color: blue;}

div#DBtext_email {
font-family: Georgia;
font-size: .75em;
color: blue;}

div#DBtext_link {
font-family: Georgia;
font-size: .75em;
color: blue;
text-align: left;
width: 100px;}

div#DBtext_rss {
font-family: Georgia;
font-size: .75em;
color: blue;
width: 100px;}

div#DBtext_propname {
font-family: Georgia;
font-size: .75em;
color: blue;
text-align: left;}

div#DBtext_deposit {
font-family: Georgia;
font-size: .75em;
color: blue;
text-align: left;}

div#DBtext_quote_name {
font-family: Georgia;
font-size: .65em;
color: blue;
text-align: left;}

div#DBtext_quote_sym {
font-family: Georgia;
font-size: .70em;
color: blue;
text-align: left;}

div#DBtext_quote_last {
font-family: Georgia;
font-size: .70em;
color: blue;
text-align: left;}

div#DBtext_quote_ltd {
font-family: Georgia;
font-size: .70em;
color: blue;
text-align: left;}

div#DBtext_quote_ltt {
font-family: Georgia;
font-size: .70em;
color: blue;
text-align: left;}

div#DBtext_quote_change {
font-family: Georgia;
font-size: .70em;
color: blue;
text-align: left;}

div#DBtext_quote_vol {
font-family: Georgia;
font-size: .70em;
color: blue;

div#DBtext_quote_head {
font-family: Georgia;
font-size: .65em;
color: blue;
text-align: left;}

div#DBtext_rssfeed {
font-family: Georgia;
font-size: .65em;
color: blue;
text-align: left;}