Hi all,
i have a nav bar on the site i am trying to make, and when i put my mouse over it i get a rollover image, i got the nav bar on a disc i bought, i want to edit it so when the mouse is over the nav bar the word appears, i have tried every thing to do this, but as i am very new to this i need a bit of help again please, i dont know if this will help but hey here we go.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- This Site Was Designed By Wayne D. Fields Contact:
deonya22@yahoo.com -->
<html>
<head>
<title>Untitled</title>
<meta NAME="description" CONTENT="Insert Description Here">
<meta NAME="keywords" CONTENT="Insert Keywords Here">
<style type="text/css">
<!--
a:link, a:active, a:visited {
color: #4A265A;
text-decoration: underline}
a:hover {
color: #4A265A;
text-decoration: none}
BODY {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #ffffff;
-->
</style>
<script type="text/javascript" language="javascript">
<!--
function on1()
{if (!document.images) return; document.a.src = "images/link_1_sel.gif";}
function on2()
{if (!document.images) return; document.b.src = "images/link_2_sel.gif";}
function on3()
{if (!document.images) return; document.c.src = "images/link_3_sel.gif";}
function on4()
{if (!document.images) return; document.d.src = "images/link_4_sel.gif";}
function on5()
{if (!document.images) return; document.e.src = "images/link_5_sel.gif";}
function off1()
{if (!document.images) return; document.a.src = "images/link_1.gif";}
function off2()
{if (!document.images) return; document.b.src = "images/link_2.gif";}
function off3()
{if (!document.images) return; document.c.src = "images/link_3.gif";}
function off4()
{if (!document.images) return; document.d.src = "images/link_4.gif";}
function off5()
{if (!document.images) return; document.e.src = "images/link_5.gif";}
var imgslist = new Array(
"images/link_1_sel.gif",
"images/link_2_sel.gif",
"images/link_3_sel.gif",
"images/link_4_sel.gif",
"images/link_5_sel.gif");
var imgs=new Array();
for (x=0; x<imgslist.length; x++)
if (document.images)
{imgs[x]=new Image(); imgs[x].src = imgslist[x];}
//-->
</script>
</head>
<body bgcolor="#000000" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<center><br>
<table width="740" border="0" cellpadding="0" cellspacing="0" background="images/bg.gif">
<tr>
<td><img src="images/your_logo.gif" width="365" height="60"></td>
<td><img src="images/dig_temp3_02.gif" width="10" height="60"></td>
<td><img src="images/dig_temp3_03.gif" width="365" height="60"></td>
</tr>
<tr>
<td width="365" height="280" valign="top">
<!-- Left Side -->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><br><br>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" onmouseover="on1();" onmouseout="off1();">
<img src="images/link_1.gif" width="130" height="30" border="0" vspace="5" alt="test" name="a"></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="on2();" onmouseout="off2();"><img src="images/link_2.gif" width="130" height="30" border="0" vspace="5" alt="link_2" name="b"></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="on3();" onmouseout="off3();"><img src="images/link_3.gif" width="130" height="30" border="0" vspace="5" alt="link_3" name="c"></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="on4();" onmouseout="off4();"><img src="images/link_4.gif" width="130" height="30" border="0" vspace="5" alt="link_4" name="d"></a></td>
</tr>
<tr>
<td><a href="#" onmouseover="on5();" onmouseout="off5();"><img src="images/link_5.gif" width="130" height="30" border="0" vspace="5" alt="link_5" name="e"></a></td>
</tr>
</table>
</td>
<td> </td>
<td>
<!-- Side Panel --><br><br>
<table width="215" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/panel_01.gif" width="215" height="15"></td>
</tr>
<tr>
<td background="images/panel_02.gif" width="1" height="94"></td>
<td width="213" height="94" align="center" valign="top">
<strong><font face="Arial" size="2" color="#FFFFFF">welcome</font></strong></td>
<td background="images/panel_04.gif" width="1" height="94"></td>
</tr>
<tr>
<td colspan="3"><img src="images/panel_05.gif" width="215" height="1"></td>
</tr>
</table><br>
<p><table width="215" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/panel_01.gif" width="215" height="15"></td>
</tr>
<tr>
<td background="images/panel_02.gif" width="1" height="94"></td>
<td width="213" height="94" align="center" valign="top">
<font face="Arial" size="2" color="#FFFFFF"><strong>
Information,<br>
Navigation,<br>
and Buttons here.
</strong></font></td>
<td background="images/panel_04.gif" width="1" height="94"></td>
</tr>
<tr>
<td colspan="3"><img src="images/panel_05.gif" width="215" height="1"></td>
</tr>
</table>
<!-- Side Panel -->
</td>
</tr>
</table>
<!-- Left Side -->
</td>
<td valign="top"> </td>
<td width="365" align="center" valign="top">
<!-- Right Side --><br><br>
<table width="335" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/content_01.gif" width="335" height="1"></td>
</tr>
<tr>
<td background="images/content_02.gif" width="1" height="273"></td>
<td width="333" height="273" align="center" valign="top">
<!-- Content --><br><br>
<blockquote><font face="Arial" size="2" color="#ffffff"><strong>
You Content And Images Here.
<br><br><br><br><br><br><br><br><br><br><br><br><b r><br>
</strong></font></blockquote>
<!-- Content -->
</td>
<td background="images/content_04.gif" width="1" height="273"></td>
</tr>
<tr>
<td colspan="3"><img src="images/content_05.gif" width="335" height="1"></td>
</tr>
</table>
<!-- Right Side -->
</td>
</tr>
<tr>
<td><img src="images/dig_temp3_20.gif" width="365" height="60"></td>
<td><img src="images/dig_temp3_21.gif" width="10" height="60"></td>
<td><img src="images/dig_temp3_22.gif" width="365" height="60"></td>
</tr>
</table>
</center>
</body>
</html>
please can you help me once again cheers
Mike
Linear Mode
