PHP Templates

fewtion · 02-07-2006

Well my site www.fewtion.com is done with php templates and the layout is made in photoshop, but with firefox (ie is fine) the links on the page seem not to work (only on the pages not the index file) And on different layouts they haven't worked with layout but with the background.

Think it has something to do with the layout and where it is postioned with the div layers.

Anyone help?

supafly · 02-07-2006

hmmmm take a look at your css mate

Code:

table
{border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" bordercolorlight="#B6B8BA" bordercolordark="#B6B8BA">

}

I don't understand why you have that in your css. take that out and see if it works as that is cancelling out the rest of your css if it ain't that then I'm not 100% sure but it could be the reason. It works in IE coz that isn't a strict with css and stuff hope this helps

EDIT : I've just tested the css and the link should work but i'd still say take that code out coz it's not css

fewtion · 02-08-2006

I keeped the same css file for a while it from past layouts... this didn't fix the problem tho. Thanks anyways!

Has to be something with my css tho after looking over a file sites who use the same method. TY for putting me on the right track

supafly · 02-09-2006

Quote:

Originally Posted by fewtion

I keeped the same css file for a while it from past layouts... this didn't fix the problem tho. Thanks anyways!

Has to be something with my css tho after looking over a file sites who use the same method. TY for putting me on the right track

NP i'll have another look at it when I have time! I do like to help

and i hope you don't mind me looking at your html and stuff I just want to get it right coz the design it's self is good

EDIT

I've just worked it out! For some reason you have a load of code at the bottom of your link page which is this

Code:

<script>

/*
Gradual-Highlight Image Script II- 
from http://dynamicdrive.com
*/

nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between trasparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}

</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://forums.biorust.com/images/index_21.jpg">

<DIV id=Layer1
style="Z-INDEX: 4; LEFT: 192; WIDTH: 777; POSITION: absolute; TOP: 102; HEIGHT: 448">
<font color=#336699 face=verdana size=1>
<p>
<center>
<p><BR>
&nbsp;</a></FONT></p>
</DIV>
</center>
</FONT>
</DIV>
<!-- layout start -->
<table id="Table_01" width="1001" height="601" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="16">
			<img src="http://forums.biorust.com/images/index_01.gif" width="123" height="600" alt=""></td>
		<td colspan="2">
			<img src="http://forums.biorust.com/images/index_02.gif" width="457" height="103" alt=""></td>
		<td colspan="3">
			<img src="http://forums.biorust.com/images/index_03.gif" width="420" height="103" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="103" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://www.fewtion.com"
				onmouseover="window.status='Home';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/Home.gif" width="65" height="64" border="0" alt="Home"></a></td>
		<td colspan="3" rowspan="12">
			<img src="http://forums.biorust.com/images/index_05.gif" width="784" height="434" alt=""></td>
		<td rowspan="14">
			<img src="http://forums.biorust.com/images/index_06.gif" width="28" height="484" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_07.gif" width="65" height="3" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://fewtion.com/index.php?p=about"
				onmouseover="window.status='About ';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/About-.gif" width="65" height="64" border="0" alt="About "></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_09.gif" width="65" height="4" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://fewtion.com/index.php?p=portfoliotemp"
				onmouseover="window.status='Portfolio';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/portfolio.gif" width="65" height="64" border="0" alt="Portfoilo"></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_11.gif" width="65" height="4" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://fewtion.com/index.php?p=services"
				onmouseover="window.status='Services ';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/services.gif" width="65" height="64" border="0" alt="Services "></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_13.gif" width="65" height="5" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://fewtion.com/index.php?p=graphicstemp"
				onmouseover="window.status='Graphics';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/Graphics.gif" width="65" height="64" border="0" alt="Graphics"></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="64" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_15.gif" width="65" height="4" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://fewtion.com/index.php?p=links"
				onmouseover="window.status='Links';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/Links.gif" width="65" height="65" border="0" alt="Links"></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="65" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="http://forums.biorust.com/images/index_17.gif" width="65" height="92" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="29" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="http://forums.biorust.com/images/index_18.gif" width="692" height="63" alt=""></td>
		<td>
			<a href="http://fewtion.com/index.php?p=contact"
				onmouseover="window.status='Contact Us';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://forums.biorust.com/images/contact.gif" width="92" height="15" border="0" alt="Contact Us"></a></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://forums.biorust.com/images/index_20.gif" width="92" height="48" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/index_21.jpg" width="28" height="13" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="123" height="1" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="65" height="1" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="392" height="1" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="300" height="1" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="92" height="1" alt=""></td>
		<td>
			<img src="http://forums.biorust.com/images/spacer.gif" width="28" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- layout end -->
</body>
</html>

Now I've taken that out and the links work perfectly. If u are using the php template tutorial on this site with the php includes make sure on every file that you use as an include that you strip the following tags from it as it will inherit them on your index page

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

I think that is your problem here if not then I'm not really sure!

(The way I do php includes is write the page out normally then take out the tags above. If you aren't using includes then I'd fully recomend using them it's so much easyer)

Hope this helps I hope you don't mind me helping

04-30-2006

well i like your site

keep going