ProdigyXLS
MIS
Hello, I am not certain that DW4 is causing this problem, but that is the tool I use to design webpages.
My problem is that I have a navigation table that is supposed to be 100% width of page. This table is code that is called with PHP include statement. Everything seemed to work fine until I put in inline styles on my links to change the color on mouseovers.
Now when I first go to the page, the navbar seems to have a small gap on the left hand side, maybe 10 pixels. On the righthand side it is flush against the edge, like it should be. If I refresh the page, the navbar correctly goes to 100% again. If I go to another page, and then back again (with a URL, not browser BACK), the problem re-ocurrs until I refresh again!... Below is my code for the navbar and a page that calls it. It's not a critical problem, but it is annoying me because I cannot find why this is happeneing...
Thanks in advance
NAVBAR CODE:
<table width="100%" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="45" nowrap bordercolor="#FFFFFF" bgcolor="#003366">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td nowrap height="100%"><img src="/img/jwp%60.gif" width="250" height="45"></td>
<td width="32%" valign="middle" align="right" nowrap height="100%">
<b><font face="Arial, Helvetica, sans-serif" size="4" color="#FFFFFF">
<?php echo date("l F n, Y \ \ g:ia"
;
?>
</font></b> <br>
<font face="Arial, Helvetica, sans-serif" size="1" color="#CCFF33"><a href="#"><FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">HOME</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">AUDIO</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">VISUAL</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">PROGRAMS</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">LINKS</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">CONTACT</font></a> </font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" nowrap bordercolor="#FFFFFF" bgcolor="#000000" background="/img/navdivider.gif"> </td>
</tr>
</table>
PAGE THAT INCLUDES THE CODE:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page in Progress</title>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<?php include ("dyn_nav.php" ?>
</body></html>
My problem is that I have a navigation table that is supposed to be 100% width of page. This table is code that is called with PHP include statement. Everything seemed to work fine until I put in inline styles on my links to change the color on mouseovers.
Now when I first go to the page, the navbar seems to have a small gap on the left hand side, maybe 10 pixels. On the righthand side it is flush against the edge, like it should be. If I refresh the page, the navbar correctly goes to 100% again. If I go to another page, and then back again (with a URL, not browser BACK), the problem re-ocurrs until I refresh again!... Below is my code for the navbar and a page that calls it. It's not a critical problem, but it is annoying me because I cannot find why this is happeneing...
Thanks in advance
NAVBAR CODE:
<table width="100%" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="45" nowrap bordercolor="#FFFFFF" bgcolor="#003366">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td nowrap height="100%"><img src="/img/jwp%60.gif" width="250" height="45"></td>
<td width="32%" valign="middle" align="right" nowrap height="100%">
<b><font face="Arial, Helvetica, sans-serif" size="4" color="#FFFFFF">
<?php echo date("l F n, Y \ \ g:ia"
;?>
</font></b> <br>
<font face="Arial, Helvetica, sans-serif" size="1" color="#CCFF33"><a href="#"><FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">HOME</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">AUDIO</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">VISUAL</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">PROGRAMS</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">LINKS</font></a>
| <a href="#"> <FONT COLOR="#CCFF33" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#CCFF33'">CONTACT</font></a> </font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="10" nowrap bordercolor="#FFFFFF" bgcolor="#000000" background="/img/navdivider.gif"> </td>
</tr>
</table>
PAGE THAT INCLUDES THE CODE:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page in Progress</title>
<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
--> </style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<?php include ("dyn_nav.php"
; ?></body></html>
