FreshPrince
01-27-2007, 03:21 AM
http://www.politicsforumpoliticalworld.com/
Firefox:
http://www.pacificanation.com/images/pfpwfirefox.png
Internet Explorer:
http://www.pacificanation.com/images/pfpwie.png
Also, the titles on the forums appear centered.
Here is the code in my header. Any idea what I'm doing wrong? Thanks
-FP
<script type="text/javascript">
/************************************************** **
* DOM Image rollover:
* by Chris Poole
* http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
************************************************** **/
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
<script language="javascript">
<!--
}
}
}
// -->
</script>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td>
<td width="0" valign="top" style="background: url('$stylevar[imgdir_misc]/border_left_bg.gif') repeat-y top right; text-align: center;"><img src="$stylevar[imgdir_misc]/border_left.gif" alt="border" /></td>
<td>
<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 10px;
color: #3c3c3c;
}
-->
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!----------deleted header logo left--------->
<!----------deleted header logo right-------->
<!----------Front Page----------->
<td width="151"><div align="center"><a href="index.php"><img src="http://www.politicsforumpoliticalworld.com/grunged/misc/header_right.jpg" width="700" height="135" border="0"></a></div></td>
<!----------Front Page----------->
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><img src="$stylevar[imgdir_misc]/links_above_left.gif" width="25" height="12"></td>
<!----------Deletion----------->
<!----------Deletion----------->
<td background="$stylevar[imgdir_misc]/links_above_bg.gif"><img src="$stylevar[imgdir_misc]/links_above_bg.gif" width="1" height="12"></td>
<td width="25"><img src="$stylevar[imgdir_misc]/links_above_right.gif" width="25" height="12"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!------deleted links underneath the banner here------>
<td background="$stylevar[imgdir_misc]/links_bg.gif"> </td>
<td width="135" background="$stylevar[imgdir_misc]/links_bg.gif"><img src="$stylevar[imgdir_misc]/links_right.gif" width="135" height="32"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="$stylevar[imgdir_misc]/links_undershadow.gif" bgcolor="#FFFFFF"><img src="$stylevar[imgdir_misc]/links_undershadow.gif" width="6" height="48"></td>
</tr>
</table>
<!-- content table -->
$spacer_open
$_phpinclude_output
Firefox:
http://www.pacificanation.com/images/pfpwfirefox.png
Internet Explorer:
http://www.pacificanation.com/images/pfpwie.png
Also, the titles on the forums appear centered.
Here is the code in my header. Any idea what I'm doing wrong? Thanks
-FP
<script type="text/javascript">
/************************************************** **
* DOM Image rollover:
* by Chris Poole
* http://chrispoole.com
* Script featured on http://www.dynamicdrive.com
* Keep this notice intact to use it :-)
************************************************** **/
function init() {
if (!document.getElementById) return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('hsrc')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hsrc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute('hsrc'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',imgOriginSrc)
}
}
}
}
onload=init;
</script>
<script language="javascript">
<!--
}
}
}
// -->
</script>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td>
<td width="0" valign="top" style="background: url('$stylevar[imgdir_misc]/border_left_bg.gif') repeat-y top right; text-align: center;"><img src="$stylevar[imgdir_misc]/border_left.gif" alt="border" /></td>
<td>
<style type="text/css">
<!--
.style1 {
font-family: Tahoma;
font-size: 10px;
color: #3c3c3c;
}
-->
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!----------deleted header logo left--------->
<!----------deleted header logo right-------->
<!----------Front Page----------->
<td width="151"><div align="center"><a href="index.php"><img src="http://www.politicsforumpoliticalworld.com/grunged/misc/header_right.jpg" width="700" height="135" border="0"></a></div></td>
<!----------Front Page----------->
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25"><img src="$stylevar[imgdir_misc]/links_above_left.gif" width="25" height="12"></td>
<!----------Deletion----------->
<!----------Deletion----------->
<td background="$stylevar[imgdir_misc]/links_above_bg.gif"><img src="$stylevar[imgdir_misc]/links_above_bg.gif" width="1" height="12"></td>
<td width="25"><img src="$stylevar[imgdir_misc]/links_above_right.gif" width="25" height="12"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!------deleted links underneath the banner here------>
<td background="$stylevar[imgdir_misc]/links_bg.gif"> </td>
<td width="135" background="$stylevar[imgdir_misc]/links_bg.gif"><img src="$stylevar[imgdir_misc]/links_right.gif" width="135" height="32"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="$stylevar[imgdir_misc]/links_undershadow.gif" bgcolor="#FFFFFF"><img src="$stylevar[imgdir_misc]/links_undershadow.gif" width="6" height="48"></td>
</tr>
</table>
<!-- content table -->
$spacer_open
$_phpinclude_output