DemonBob
March 17th, 2006, 07:50 AM
First of all i can not give a link to the site since it's located on an internal intranet.
Here's the code.
HTML:
<table width="770" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table border="0" cellpadding="0" style="border-collapse: collapse" width="770" id="table1" align="center">
<tr>
<td align="left" valign="top" style="color:#3399CC">Welcome: <br /></td>
</tr>
<tr>
<td align="center" valign="top"><img border="0" src="templates/images/portal_header.jpg" width="770" height="91" align="left" alt="Net" /> </td>
</tr>
<tr>
<td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="1" style="border-collapse: collapse" width="776" id="table2">
<tr>
<td width="128" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/facilities/facilities.asp"> <img border="0" id="img19" src="templates/images/portal_b_facilities.jpg" height="20" width="128" alt="Facilities" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/tools/tools.asp"> <img border="0" id="img20" src="templates/images/portal_b_tools.jpg" height="20" width="128" alt="Tools" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/Contacts/ContactList.asp?OrgID=9"> <img border="0" id="img14" src="templates/images/portal_b_contacts.jpg" height="20" width="128" alt="Contacts" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/Organizations/OrgList.asp"> <img border="0" id="img15" src="templates/images/portal_b_organizations.jpg" height="20" width="128" alt="Organizations" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/TimeTrack/TTList.asp"> <img border="0" id="img16" src="templates/images/portal_b_timetracking.jpg" height="20" width="128" alt="Time Tracking" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/incidentlog/incidentlist.asp"> <img border="0" id="img23" src="templates/images/portal_b_incidentreport.jpg" height="20" width="128" alt="KB" /></a></span></td>
</tr>
<tr>
<td width="128" height="20"><span onmouseover="{cmspan.style.display='block';nocspan.style.displa y='';reportspan.style.display='';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="/changemanagement"> <img border="0" id="img1" src="templates/images/portal_b_changemanagement.jpg" height="20" width="128" alt="Change Management" /></a></span></td>
<td width="128" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='block';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="/reports/reports.asp"> <img border="0" id="img18" src="templates/images/portal_b_reports.jpg" height="20" width="128" alt="Reports" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/oncall/oncall.asp"> <img border="0" id="img21" src="templates/images/portal_b_oncall.jpg" height="20" width="128" alt="On Call" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/vaccalendar/default.asp"> <img border="0" id="img22" src="templates/images/portal_b_outofoffice.jpg" height="20" width="128" alt="Out of Office" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display='bl ock';reportspan.style.display='';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="javascript:void(0)" onclick="OpenTab('tab_page2', 'Noc Log', 'portal_noc_log.php', true, 'blue');"> <img border="0" src="templates/images/portal_b_noclog.jpg" height="20" width="128" alt="NOC Log" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/ccptaperotation/ccptapelist.asp"> <img border="0" src="templates/images/portal_b_ccptape.jpg" height="20" width="128" alt="CCP Tape Rotation" /></a></span></td>
</tr>
</table></td>
</tr>
</table>
<table id="cmspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="128"><font face="Tahoma" size="1" color="#FFFFFF">Change Management</font></td>
<td width="90"><a href="/changemanagement"> <img border="0" src="templates/images/button2.jpg" height="12" width="90" alt="List" title="List" /></a></td>
<td width="90"><a href="/changemanagement/entryform.asp"> <img border="0" src="templates/images/button3.jpg" height="12" width="90" alt="New Entry" title="New Entry" /></a></td>
<td width="90"><a href="/changemanagement/cmsearch.asp"> <img border="0" src="templates/images/button4.jpg" height="12" width="90" alt="Search" title="Search" /></a></td>
</tr>
</table>
<table id="nocspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">NOC Log</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="toolspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">Test</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="facilitiesspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">Test</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="reportspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="62"><font face="Tahoma" size="1" color="#FFFFFF">Reports</font></td>
<td width="90"><a href="/reports/summary/summaryform.asp"> <img border="0" id="img50" src="templates/images/button17.jpg" height="12" width="90" alt="Summary" title="Summary" /></a></td>
<td width="90"><a href="/datavault"> <img border="0" id="img51" src="templates/images/button19.jpg" height="12" width="90" alt="Backup" title="Backup" /></a></td>
<td width="90"><a href="/TimeTrack/Reports/TTRptFrame.html" > <img border="0" id="img52" src="templates/images/button1B1.jpg" height="12" width="90" alt="Admin Time" title="Admin Time" /></a></td>
<td width="90"><a href="/Availability/availform.asp" > <img border="0" id="img53" src="templates/images/button1C1.jpg" height="12" width="90" alt="Availability" title="Availability" /></a></td>
<td width="90"><a href="/reports/mrtginfo/mrtg.asp"> <img border="0" id="img54" src="templates/images/button1D1.jpg" height="12" width="130" alt="Network Availability" title="Network Availability" /></a></td>
<td width="90"><a href="/routermonitoring"> <img border="0" id="img55" src="templates/images/button1F1.jpg" height="12" width="90" alt="Bandwidth" title="Bandwidth" /></a></td>
</tr>
</table>
<table align="center" width="770">
<tr>
<td><div id="tabContainer" style="width:auto">
<div id="tabs">
<ul id="tabList">
</ul>
</div>
<div id="tabPanels"></div>
</div></td>
</tr>
</table>
<br />
<div align="center" style="color:#3399CC"><a href=""></a>: © 2005 <br />
</div>
</td>
</tr>
</table>
CSS:
table#cmspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#nocspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#toolspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#facilitiesspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#reportspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
This works fine in IE, when what i want is mouse over, the table i want is displayed below the menu, but in Fx nothing displays when mousing over.
I've tried switching around various items, and i've fixed some other issues in the progress, but this one has got me stumped. I've not fooled around with HTML since HTML was 3.0. I did vailidate the site to XHTML 1.0 Standards though, using the transitional DTD. I would really like to get this working in Fx if I can since most of the people here perfer to use it, but need to keep it working in IE also because some of the employee's will not leave IE.
Any help on this would be apperiated.
Here's the code.
HTML:
<table width="770" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table border="0" cellpadding="0" style="border-collapse: collapse" width="770" id="table1" align="center">
<tr>
<td align="left" valign="top" style="color:#3399CC">Welcome: <br /></td>
</tr>
<tr>
<td align="center" valign="top"><img border="0" src="templates/images/portal_header.jpg" width="770" height="91" align="left" alt="Net" /> </td>
</tr>
<tr>
<td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="1" style="border-collapse: collapse" width="776" id="table2">
<tr>
<td width="128" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/facilities/facilities.asp"> <img border="0" id="img19" src="templates/images/portal_b_facilities.jpg" height="20" width="128" alt="Facilities" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/tools/tools.asp"> <img border="0" id="img20" src="templates/images/portal_b_tools.jpg" height="20" width="128" alt="Tools" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/Contacts/ContactList.asp?OrgID=9"> <img border="0" id="img14" src="templates/images/portal_b_contacts.jpg" height="20" width="128" alt="Contacts" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/Organizations/OrgList.asp"> <img border="0" id="img15" src="templates/images/portal_b_organizations.jpg" height="20" width="128" alt="Organizations" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/TimeTrack/TTList.asp"> <img border="0" id="img16" src="templates/images/portal_b_timetracking.jpg" height="20" width="128" alt="Time Tracking" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/incidentlog/incidentlist.asp"> <img border="0" id="img23" src="templates/images/portal_b_incidentreport.jpg" height="20" width="128" alt="KB" /></a></span></td>
</tr>
<tr>
<td width="128" height="20"><span onmouseover="{cmspan.style.display='block';nocspan.style.displa y='';reportspan.style.display='';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="/changemanagement"> <img border="0" id="img1" src="templates/images/portal_b_changemanagement.jpg" height="20" width="128" alt="Change Management" /></a></span></td>
<td width="128" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='block';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="/reports/reports.asp"> <img border="0" id="img18" src="templates/images/portal_b_reports.jpg" height="20" width="128" alt="Reports" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/oncall/oncall.asp"> <img border="0" id="img21" src="templates/images/portal_b_oncall.jpg" height="20" width="128" alt="On Call" /></a></span></td>
<td width="129" height="21"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/vaccalendar/default.asp"> <img border="0" id="img22" src="templates/images/portal_b_outofoffice.jpg" height="20" width="128" alt="Out of Office" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display='bl ock';reportspan.style.display='';toolspan.style.di splay='';facilitiesspan.style.display='';}"> <a href="javascript:void(0)" onclick="OpenTab('tab_page2', 'Noc Log', 'portal_noc_log.php', true, 'blue');"> <img border="0" src="templates/images/portal_b_noclog.jpg" height="20" width="128" alt="NOC Log" /></a></span></td>
<td width="129" height="20"><span onmouseover="{cmspan.style.display='';nocspan.style.display=''; reportspan.style.display='';toolspan.style.display ='';facilitiesspan.style.display='';}"> <a href="/ccptaperotation/ccptapelist.asp"> <img border="0" src="templates/images/portal_b_ccptape.jpg" height="20" width="128" alt="CCP Tape Rotation" /></a></span></td>
</tr>
</table></td>
</tr>
</table>
<table id="cmspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="128"><font face="Tahoma" size="1" color="#FFFFFF">Change Management</font></td>
<td width="90"><a href="/changemanagement"> <img border="0" src="templates/images/button2.jpg" height="12" width="90" alt="List" title="List" /></a></td>
<td width="90"><a href="/changemanagement/entryform.asp"> <img border="0" src="templates/images/button3.jpg" height="12" width="90" alt="New Entry" title="New Entry" /></a></td>
<td width="90"><a href="/changemanagement/cmsearch.asp"> <img border="0" src="templates/images/button4.jpg" height="12" width="90" alt="Search" title="Search" /></a></td>
</tr>
</table>
<table id="nocspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">NOC Log</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="toolspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">Test</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="facilitiesspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="59"><font face="Tahoma" size="1" color="#FFFFFF">Test</font></td>
<td><a href="/NOCLog/NOCList.asp"> <img border="0" src="templates/images/buttonF.jpg" height="12" width="90" alt="Activity Log" title="Activity Log" /></a></td>
<td><a href="/NOCLog/NOCSearch.asp"> <img border="0" src="templates/images/button10.jpg" height="12" width="120" alt="Search NOC Entries" title="Search NOC Entries" /></a></td>
<td><a href="/NOCLog/NOCAdd.asp"> <img border="0" src="templates/images/button11.jpg" height="12" width="90" alt="Add Entry" title="Add Entry" /></a></td>
</tr>
</table>
<table id="reportspan" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="62"><font face="Tahoma" size="1" color="#FFFFFF">Reports</font></td>
<td width="90"><a href="/reports/summary/summaryform.asp"> <img border="0" id="img50" src="templates/images/button17.jpg" height="12" width="90" alt="Summary" title="Summary" /></a></td>
<td width="90"><a href="/datavault"> <img border="0" id="img51" src="templates/images/button19.jpg" height="12" width="90" alt="Backup" title="Backup" /></a></td>
<td width="90"><a href="/TimeTrack/Reports/TTRptFrame.html" > <img border="0" id="img52" src="templates/images/button1B1.jpg" height="12" width="90" alt="Admin Time" title="Admin Time" /></a></td>
<td width="90"><a href="/Availability/availform.asp" > <img border="0" id="img53" src="templates/images/button1C1.jpg" height="12" width="90" alt="Availability" title="Availability" /></a></td>
<td width="90"><a href="/reports/mrtginfo/mrtg.asp"> <img border="0" id="img54" src="templates/images/button1D1.jpg" height="12" width="130" alt="Network Availability" title="Network Availability" /></a></td>
<td width="90"><a href="/routermonitoring"> <img border="0" id="img55" src="templates/images/button1F1.jpg" height="12" width="90" alt="Bandwidth" title="Bandwidth" /></a></td>
</tr>
</table>
<table align="center" width="770">
<tr>
<td><div id="tabContainer" style="width:auto">
<div id="tabs">
<ul id="tabList">
</ul>
</div>
<div id="tabPanels"></div>
</div></td>
</tr>
</table>
<br />
<div align="center" style="color:#3399CC"><a href=""></a>: © 2005 <br />
</div>
</td>
</tr>
</table>
CSS:
table#cmspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#nocspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#toolspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#facilitiesspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
table#reportspan {
display:none;
position:absolute;
left:240px;
top:185px;
}
This works fine in IE, when what i want is mouse over, the table i want is displayed below the menu, but in Fx nothing displays when mousing over.
I've tried switching around various items, and i've fixed some other issues in the progress, but this one has got me stumped. I've not fooled around with HTML since HTML was 3.0. I did vailidate the site to XHTML 1.0 Standards though, using the transitional DTD. I would really like to get this working in Fx if I can since most of the people here perfer to use it, but need to keep it working in IE also because some of the employee's will not leave IE.
Any help on this would be apperiated.