Hi there, firstly I want to disable this part of an epic script. I dont want anything to happen onclick.

function checkOnClick(e,n){
window.open('http://www.camosreptiles.com.au/','_self');
return ;

I tried making the bit at the end return false; but it had no effect.

If I cannot do that, I need to fix a z-index issue with IE

My gecko javascript remains stubbornly at the highest index level (above the body content)

see here http://www.camosreptiles.com.au/ Its below the body in chrome and firefox

Im not sure why since the same index coding applys here

http://www.camosreptiles.com.au/AskJacob.php

Where an image replacing the javascript has the correct z-index

Code Involved

<script>
function toggle_geckos(button) {
	var buttonText = ['Release Geckos', 'Lock Up Geckos'];
	var el = document.getElementById("geckos");
	el.style.display = (button.value==buttonText[0]) ? 'inline' : 'none';
	button.value = (button.value==buttonText[0]) ? buttonText[1] : buttonText[0];
}
</script>

<input type="button" name="type" value="Release Geckos" onclick="toggle_geckos(this);">


<p align="center"><div id="geckos" style="position: absolute;display:none;"z-index:-1;>
<div style="position: absolute; top: 0px; left: 0px; height: 100%; z-index: -1; background-color: transparent; width: 100%; opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; border: 0px solid #000040;"></div>
<div style="position: relative; z-index: -1; margin: 10px;">
<center><link rel="stylesheet" type="text/css"href="http://www.camosreptiles.com.au/aniMagiX[1].css"> 
<script src='http://www.camosreptiles.com.au/geckos.js'></script> 
<script src='http://www.camosreptiles.com.au/aniMagiX.js'></script></center>
            </div>
        </div></p>

Maybe its because the Geckos div has been in the head of the page? Where should I place the Div?

Recommended Answers

All 10 Replies

Incase Its the way I have my page laid out, heres the whole 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>



<script src="https://www.google.com/jsapi?key=ABQIAAAA6HxnQOLvi2X8p0X8DZmmbhQQTeveG8yNfbkqO38hT-gL7h0_iRQfTM0MfmaqmNFDvOAc3s9eg1X6mw" type="text/javascript"></script>

<meta property="fb:app_id" content="101642719925910" />
<meta property="fb:admins" content="100001305173534" />
<meta property="fb:page_id" content="118756061539311" />

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<script>
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->
</script>

<script>
function toggle_geckos(button) {
	var buttonText = ['Release Geckos', 'Lock Up Geckos'];
	var el = document.getElementById("geckos");
	el.style.display = (button.value==buttonText[0]) ? 'inline' : 'none';
	button.value = (button.value==buttonText[0]) ? buttonText[1] : buttonText[0];
}
</script>



<table width="100%" style="background-color:transparent" border="0" cellpadding="2" cellspacing="0">

	<tr>

		<td>
<table id="userlinks" cellspacing="6">
<tr>
<td  style="font-size: 6.0pt;
font-family: verdana;
line-height: 1.5em"><b><i>Classifieds</i></b><br>
<span style="background-color: #FFFF00">(<a href='#ShowLI' onclick="show_LI()" 
>log in</a> | <a href='http://camo-s-classifieds.1047537.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-classifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304002543193-927'>Register</a> )</span><br>
<p align="left"><a href="" onmouseout="Hide()" onmouseover="Show(event)"  onmousemove="Show(event)"><b>Attention!</b></a></p></td></tr></table>
<style type="text/css">
#LI{
position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#B5B5B5 ,direction=135);
top: 10px;
left: 10px;
width: 300px;
height: 140px;
visibility: hidden;
border: 0px solid #000;
padding: 0px;
background-image: url(http://camosreptiles.com.au/login.png);
font-size: 8.0pt;
font-family: verdana;
line-height: 1.7em
}
</style>
<script language="JavaScript">
function show_LI(){
if (document.getElementById)
{document.getElementById("LI").style.visibility = "visible"}
else {document.LI.visibility = "hidden"}
}//ends open function
function hide_LI(){
if (document.getElementById)
{document.getElementById("LI").style.visibility = "hidden";}
else{document.LI.visibility = "hidden";}
}//ends close function
</script>
<div id="LI" align="left">
<form style='display:inline' method="post" action="http://classifieds.1047537.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fclassifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304183178883-939" accept-charset="UTF-8"> 
<input type="hidden" name="macro" value="login_page" /> 
<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-classifieds.1047537.n5.nabble.com/;cid=1304002543193-927"/>
<div class="tableborder">
<div class="mydiv" valign="top">
&nbsp;&nbsp;<b>Welcome!</b>
<p class="expand" valign="top">
<a href="#cancel" onclick="hide_LI()">[X]</a></p></div>
<div class="tablepad">
<b>Classifieds Login</b>
<br>
<input id="email" name="email" size="20" />
<input id="password" name="password" size="20" type="password" />
<input type="submit" value="Login" / onclick="hide_LI()">
&nbsp;
</div></div>
</form>
</div></td>
<td><p align="right"><fb:like></fb:like></p></td>
		<td><P ALIGN="RIGHT"><table id="userlinks" cellspacing="6">
<tr>
<td style="font-size: 6.0pt;
font-family: verdana;
line-height: 1.5em"><b><i>Forum</i></b><br>
<span style="background-color: #FFFF00">(<a href='#ShowLIF' onclick="show_LIF()" 
>log in</a> | <a href='http://camo-s-reptiles-forum.1047529.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395'>Register</a> )</span></td></tr></table>
<style type="text/css">
#LIF{
position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#B5B5B5 ,direction=135);
top: 10px;
right: 10px;
width: 300px;
height: 140px;
visibility: hidden;
border: 0px solid #000;
padding: 0px;
background-image: url(http://camosreptiles.com.au/login.png);
font-size: 8.0pt;
font-family: verdana;
line-height: 1.7em
}
</style>
<script language="JavaScript">
function show_LIF(){
if (document.getElementById)
{document.getElementById("LIF").style.visibility = "visible"}
else {document.LIF.visibility = "hidden"}
}//ends open function
function hide_LIF(){
if (document.getElementById)
{document.getElementById("LIF").style.visibility = "hidden";}
else{document.LIF.visibility = "hidden";}
}//ends close function
</script>
<div id="LIF" align="left">
<form style='display:inline' method="post" action="http://camo-s-reptiles-forum.1047529.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395" accept-charset="UTF-8"> 
<input type="hidden" name="macro" value="login_page" /> 
<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-reptiles-forum.1047529.n5.nabble.com/;cid=1304041225276-395"/>
<div class="tableborder">
<div class="mydivF" valign="top">
&nbsp;&nbsp;<b>Welcome!</b>
<p class="expand" valign="top">
<a href="#cancel" onclick="hide_LIF()">[X]</a></p></div>
<div class="tablepad">
<b>Forum Login</b>
<br>
<input id="email" name="email" size="20" />
<input id="password" name="password" size="20" type="password" />
<input type="submit" value="Login" / onclick="hide_LIF()">
&nbsp;
</div></div>
</form>
</div></p></td>

	
	</tr>

</table>

<style type="text/css">
.transparent {
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
background-color:yellow;
display:none;
width:170;
height:100;
position:absolute;
color: blue;
border: 0px ;
}
</style>
<script type="text/javascript" language="javascript">
 
function Show(e)
{
var x=0;
var y=0;
var IE = document.all?true:false;
if (IE) { // IE
x = event.clientX + document.body.scrollLeft;
y = event.clientY + document.body.scrollTop + 35;
}
else { // Netscape, Firefox, Opera */
x = e.pageX;
y = e.pageY + 35;
}
/* display the pop-up */
Popup.style.display="block";
/* set the pop-up's left */
Popup.style.left = x;
/* set the pop-up's top */
Popup.style.top = y;
}
	// this function hides the pop-up when user moves the mouse out of the link
	function Hide()
	{
		Popup.style.display="none"; // hide the pop-up
	}
</script>

<p align="left"><div id="Popup" class="transparent">
    <div style="background-color: yellow" text-align="left">
      <b>Before Posting....</b></div>
    <div style="background-color: yellow"text-align="left"></b>This is the log In<br> for <b>classifieds Only.</b><br>
If you want to post something <br>
else, Please Visit Our Forum, <br>
(Top Right)
<img src="http://n5.nabble.com/images/smiley/smiley_good.gif"/></div>
</div></p>




<style type="text/css">

#tablist{
padding: 3px 0;
margin:0;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
margin: 0;
width:130px;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 0px;
border-bottom: none;
display:block;
}

#tablist li a:link, #tablist li a:visited{
color:transparent;
}

#tablist li a.current{
background: transparent;
}

#tabcontentcontainer{
width: 320px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 0px;
}

.tabcontent{
display:none;
}

a.tab {
background:none;
}

a.tab:active{
background:none;
}
</style>

<script type="text/javascript">

/***********************************************
* Tab Content script- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]

////////Stop editting////////////////

function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}

var previoustab=""

function expandcontent(cid, aobject){
var links=document.getElementsByTagName("a");
for(i=0;i<links.length;i++) {
if(links[i].className=="tab") {
links[i].style.backgroundColor="transparent";
}
}
aobject.style.backgroundColor="transparent";
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}

function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
//for (i=0; i<tabobjlinks.length; i++)
//tabobjlinks[i].style.backgroundColor=initTabcolor
//var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
//aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}

function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i //source index of tab bar relative to other tabs
break
}
}
}

function do_onload(){
var cookiename=(typeof persisttype!="undefined" && persisttype=="sitewide")? "tabcontent" : window.location.pathname
var cookiecheck=window.get_cookie && get_cookie(cookiename).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(cookiename).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload


</script>




<meta name="google-site-verification" content="tmykfRnShpw4MPdCE3pDuYV0AVWosboqPO-GudXoP9k" />
 
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Camo's Reptiles. Home</title>
<style type="text/css"> 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	
background-image:url(scales.jpg);background-attachment:fixed;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; }





.thrColLiqHdr #container { 
	width: 100%;  /* this will create a container 80% of the browser width */
	
	margin: 10 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColLiqHdr #header { 
	
	padding: 10px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColLiqHdr #header h1 {
	margin: 10; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 10; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 15%; /* since this element is floated, a width must be given */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 15%; /* since this element is floated, a width must be given */
	 /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.thrColLiqHdr #mainContent { 
	margin: 0 15% 0 15%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}

.thrColLiqHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
} 
.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.style1 {font-family: Arial, Helvetica, sans-serif
font-size: 12pt;}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
--> 


</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>

<body class="thrColLiqHdr">

<div id="container">
 <div id="header">


<p align="center"><a href="Reveiws.php"><img src="oie_testbutton6.gif"border='0px' alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="/videos.php"><img src="vids.gif"border='0px' alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="janpg1.php"><img src="jan.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="kidscorner.php"><img src="kids.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="classifieds.php"><img src="class.gif"width='110' height='30'border='0px'/>&nbsp<a href="forum.php"><img src="forum.gif"width='110' height='30'border='0px'/></p>
<p align="center">
<a href="about_us.php"><img src="oie_greenpython_button1.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_about_camo.php"><img src="oie_testbutton2.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="Our_reptiles.php"><img src="australiaourreptiles.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_gallery.php"><img src="oie_testbutton4.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_contactus.php"><img src="oie_testbutton5.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>
</p>
<p align="center">&nbsp<a href="AskJacob.php">Ask Jacob ?</a>&nbsp&nbsp<a href="http://camosreptiles.ourtoolbar.com/"target='_blank'><b>Download Our Toolbar</b></a>&nbsp&nbsp<input type="button" name="type" value="Release Geckos" onclick="toggle_geckos(this);"></p>


<p align="center"><img src="http://www.camosreptiles.com.au/oie_transnice.gif"/></p>

</div>
<div id="mainContent">
<p align="center"><div id="geckos" style="position: absolute;display:none;"z-index:-1;>
<div style="position: absolute; top: 0px; left: 0px; height: 100%; z-index: -1; background-color: transparent; width: 100%; opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; border: 0px solid #000040;"></div>
<div style="position: relative; z-index: -1; margin: 10px;">
<center><link rel="stylesheet" type="text/css"href="http://www.camosreptiles.com.au/aniMagiX[1].css"> 
<script src='http://www.camosreptiles.com.au/geckos.js'></script> 
<script src='http://www.camosreptiles.com.au/aniMagiX.js'></script></center>
            </div>
        </div></p>
  <!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->

<center>
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f8d0fb6f-f582-4818-ac26-8bf7a156841b');</script>
</center>
<p>&nbsp;</p>
<p align="center"><img src="snake-1.gif"/></p>
<p>&nbsp;</p>

<p align="center"><object width="500" height="300" id="obj_1304923836118"><param name="movie" value="http://camoschat.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"/><embed id="emb_1304923836118" src="http://camoschat.chatango.com/group" width="500" height="300" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"></embed></object><br>[ <a href="http://camoschat.chatango.com">Full Size New Page</a> ]</p>
<br>

<center>
<div id="tabcontentcontainer">

<div id="sc1" class="tabcontent">


<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/F0nkBNicJZM" frameborder="0" allowfullscreen></iframe>
</div>

<div id="sc2" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/MS80AZK2Ozc" frameborder="0" allowfullscreen></iframe>
</div>

<div id="sc3" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/pveeDx-Dncw" frameborder="0" allowfullscreen></iframe></div>

<div id="sc4" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/rysZc5O6LBA" frameborder="0" allowfullscreen></iframe>
</div>

<div id="sc5" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/8EDZCq3gqh4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc6" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7zr_pIVp20w" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc7" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/JPkja-hgIVY" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc8" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/x4O7KYmC-1k" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc9" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/qRkWJyGwMeY" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc10" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/IveamwRgVUY" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc11" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/gHdo3LAyr0E" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc12" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/r8-LuxbhgQQ" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc13" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/42_1C2uh1QE" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc14" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/6hwWmxb7bP4" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc15" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/LLD4rSzPBGk" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc16" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/csJoZ1a07U0" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc17" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/TCMNs2I7pOw" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc18" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/wLgbFVuGisw" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc19" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/prYAMZ4Qt-g" frameborder="0" allowfullscreen></iframe>
</div>
<div id="sc20" class="tabcontent">
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7FW1rtv15_A" frameborder="0" allowfullscreen></iframe>
</div>
</div></center>
<center>
<span id="tablist">
<a class="tab" href="#" onclick="return expandcontent('sc1', this)">1</a>
<a class="tab" href="#" onclick="return expandcontent('sc2', this)">2</a>
<a class="tab" href="#" onclick="return expandcontent('sc3', this)">3</a>
<a class="tab" href="#" onclick="return expandcontent('sc4', this)">4</a>
<a class="tab" href="#" onclick="return expandcontent('sc5', this)">5</a>
<a class="tab" href="#" onclick="return expandcontent('sc6', this)">6</a>
<a class="tab" href="#" onclick="return expandcontent('sc7', this)">7</a>
<a class="tab" href="#" onclick="return expandcontent('sc8', this)">8</a>
<a class="tab" href="#" onclick="return expandcontent('sc9', this)">9</a>
<a class="tab" href="#" onclick="return expandcontent('sc10',this)">10</a>
<a class="tab" href="#" onclick="return expandcontent('sc11',this)">11</a>
<a class="tab" href="#" onclick="return expandcontent('sc12',this)">12</a>
<a class="tab" href="#" onclick="return expandcontent('sc13',this)">13</a>
<a class="tab" href="#" onclick="return expandcontent('sc14',this)">14</a>
<a class="tab" href="#" onclick="return expandcontent('sc15',this)">15</a>
<a class="tab" href="#" onclick="return expandcontent('sc16',this)">16</a>
<a class="tab" href="#" onclick="return expandcontent('sc17',this)">17</a>
<a class="tab" href="#" onclick="return expandcontent('sc18',this)">18</a>
<a class="tab" href="#" onclick="return expandcontent('sc19',this)">19</a>
<a class="tab" href="#" onclick="return expandcontent('sc20',this)">20</a>
</span>
</center>
<br>
<p align="center"><b>Welcome to visit and view Adult Animals ~Call for appointment 0414645180</b> 

 
<p align="center"><script language="JavaScript"> 
<!--
function random_imglink(){
 var myimages=new Array()
 myimages[1]="front_005.jpg"
 myimages[2]="bigpic21.jpg"
 myimages[3]="newpics_061.jpg"
 
 var ry=Math.floor(Math.random()*myimages.length)
 
 if (ry==0)
    ry=1
    document.write('<img src="'+myimages[ry]+'" border=0 width=70% height=70%>')
}
 
 random_imglink()
//-->
</script></p> 
 
 <center>
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f7f81901-959c-43b6-ac47-3ae464f8a30c');</script>
</center>
    
<br>
<center><form action="dummy" method="post"><select name="choice" size="1"><option value="">Licensing Links</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/ReptileLicensingOutline.htm*_blank">Licensing Overview</option><option value=" http://www.environment.nsw.gov.au/resources/nature/CurrentSpeciesList.pdf*_blank"> Full species list (codes)</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/applnformsandfees.htm*_blank">Licensing forms/fees</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/electronicFaunaRecordBook.htm*_blank">Online license system</option><option value=" http://www.environment.nsw.gov.au/wildlifelicences/ReptileKeepersLicence.htm*_blank"> Reptile License</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/FrogKeepersLicence.htm*_blank">Frog license</option></select><input TYPE="button" VALUE="GO!" onClick="jump(this.form)"></form></center>
<br>

 </div> 
 
  <div id="footer"> 
    <!-- end #footer --> 
<p align="left"><!-- Start of StatCounter Code --> 
<script type="text/javascript"> 
var sc_project=6032844; 
var sc_invisible=0; 
var sc_security="376dab12"; 
</script> 
 
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="tumblr counter"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/6032844/0/376dab12/0/"
alt="tumblr counter" ></a></div></noscript> 
<!-- End of StatCounter Code --><br/><a
href="http://my.statcounter.com/project/standard/stats.php?project_id=6032844&amp;guest=1"target='_blank'>View
Our Stats</a> </p>
 <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=101642719925910&amp;xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="450" show_faces="true" colorscheme="dark" font="lucida grande"></fb:like>
  </div> 
<!-- end #container --></div> 

 
<p align="center"><IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles-1.dat&ft=0"><b>Visits</b> &nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=date&timezone=GMT+1000"><b>Date</b> 
&nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=clock"><b>Local Time Sydney</b></p> 
 


</body> 
</html>

Sorry Error, Help still required

Inny,

The whole page really needs to be tidied up.

  • Indenting/line feeds
  • Head should contain only metas, script(s) and stylesheet(s), no content/markup
  • Scripts should only be placed inline when they use document.write to create markup.

I can't find checkOnClick on the page.

If you want no onclick action then disassociate the handler from the document element to which it is currently attached. Do this in the html or javascript depending on how the attachment is effected.

If you want the function to perform only part of its action then either comment out (or delete) the unwanted lines, or return; immediately after the last line that you want to be executed. If this doesn't work, then you are probably editing the wrong function.

Airshow

The other two I understand, but please explain "Indenting/line feeds" ???
Do you think the z-index thing is related to the messy page source?

Inny,

The whole page really needs to be tidied up.

  • Indenting/line feeds
  • Head should contain only metas, script(s) and stylesheet(s), no content/markup
  • Scripts should only be placed inline when they use document.write to create markup.

I can't find checkOnClick on the page.

If you want no onclick action then disassociate the handler from the document element to which it is currently attached. Do this in the html or javascript depending on how the attachment is effected.

If you want the function to perform only part of its action then either comment out (or delete) the unwanted lines, or return; immediately after the last line that you want to be executed. If this doesn't work, then you are probably editing the wrong function.

Airshow

Inny,

The other two I understand, but please explain "Indenting/line feeds" ???
Do you think the z-index thing is related to the messy page source?

Probably not but the page is difficult to follow, therefore difficult to debug, in its current state.

Airshow

Have Cleaned it up as much as I know how. Hows This?

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>
 
<p align="center"><div id="geckos" style="position: absolute;display:none;"z-index:-1;> 
<div style="position: absolute; top: 0px; left: 0px; height: 100%; z-index: -1; background-color: transparent; width: 100%; opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; border: 0px solid #000040;"></div> 
<div style="position: relative; z-index: -1; margin: 10px;"> 
<center><link rel="stylesheet" type="text/css"href="http://www.camosreptiles.com.au/aniMagiX[1].css"> 
<script src='http://www.camosreptiles.com.au/geckos.js'></script> 
<script src='http://www.camosreptiles.com.au/aniMagiX.js'></script></center> 
            </div> 
        </div></p> 
 
 
<!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> 
<STYLE TYPE="text/css" MEDIA="screen, projection">
<!--
  @import url(http://www.camosreptiles.com.au/camo.css);
-->
</STYLE>
<script src="https://www.google.com/jsapi?key=ABQIAAAA6HxnQOLvi2X8p0X8DZmmbhQQTeveG8yNfbkqO38hT-gL7h0_iRQfTM0MfmaqmNFDvOAc3s9eg1X6mw" type="text/javascript"></script> 
<meta name="google-site-verification" content="tmykfRnShpw4MPdCE3pDuYV0AVWosboqPO-GudXoP9k" /> 
<meta property="fb:app_id" content="101642719925910" /> 
<meta property="fb:admins" content="100001305173534" /> 
<meta property="fb:page_id" content="118756061539311" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Camo's Reptiles. Home</title> 
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> 
<script> 
function toggle_geckos(button) {
	var buttonText = ['Release Geckos', 'Lock Up Geckos'];
	var el = document.getElementById("geckos");
	el.style.display = (button.value==buttonText[0]) ? 'inline' : 'none';
	button.value = (button.value==buttonText[0]) ? buttonText[1] : buttonText[0];
}
</script> 
<table width="100%" style="background-color:transparent" border="0" cellpadding="2" cellspacing="0"> 
<tr> 
<td> 
<table id="userlinks" cellspacing="6"> 
<tr> 
<td  style="font-size: 6.0pt;
font-family: verdana;
line-height: 1.5em"><b><i>Classifieds</i></b><br> 
<span style="background-color: #FFFF00">(<a href='#ShowLI' onclick="show_LI()" 
>log in</a> | <a href='http://camo-s-classifieds.1047537.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-classifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304002543193-927'>Register</a> )</span><br> 
<p align="left"><a href="" onmouseout="Hide()" onmouseover="Show(event)"  onmousemove="Show(event)"><b>Attention!</b></a></p></td></tr></table> 
<script language="JavaScript"> 
function show_LI(){
if (document.getElementById)
{document.getElementById("LI").style.visibility = "visible"}
else {document.LI.visibility = "hidden"}
}//ends open function
function hide_LI(){
if (document.getElementById)
{document.getElementById("LI").style.visibility = "hidden";}
else{document.LI.visibility = "hidden";}
}//ends close function
</script> 
<div id="LI" align="left"> 
<form style='display:inline' method="post" action="http://classifieds.1047537.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fclassifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304183178883-939" accept-charset="UTF-8"> 
<input type="hidden" name="macro" value="login_page" /> 
<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-classifieds.1047537.n5.nabble.com/;cid=1304002543193-927"/> 
<div class="tableborder"> 
<div class="mydiv" valign="top"> 
&nbsp;&nbsp;<b>Welcome!</b> 
<p class="expand" valign="top"> 
<a href="#cancel" onclick="hide_LI()">[X]</a></p></div> 
<div class="tablepad"> 
<b>Classifieds Login</b> 
<br> 
<input id="email" name="email" size="20" /> 
<input id="password" name="password" size="20" type="password" /> 
<input type="submit" value="Login" / onclick="hide_LI()"> 
&nbsp;
</div></div> 
</form> 
</div></td> 
<td><p align="right"><fb:like></fb:like></p></td> 
		<td><P ALIGN="RIGHT"><table id="userlinks" cellspacing="6"> 
<tr> 
<td style="font-size: 6.0pt;
font-family: verdana;
line-height: 1.5em"><b><i>Forum</i></b><br> 
<span style="background-color: #FFFF00">(<a href='#ShowLIF' onclick="show_LIF()" 
>log in</a> | <a href='http://camo-s-reptiles-forum.1047529.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395'>Register</a> )</span></td></tr></table> 
<script language="JavaScript"> 
function show_LIF(){
if (document.getElementById)
{document.getElementById("LIF").style.visibility = "visible"}
else {document.LIF.visibility = "hidden"}
}//ends open function
function hide_LIF(){
if (document.getElementById)
{document.getElementById("LIF").style.visibility = "hidden";}
else{document.LIF.visibility = "hidden";}
}//ends close function
</script> 
<div id="LIF" align="left"> 
<form style='display:inline' method="post" action="http://camo-s-reptiles-forum.1047529.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395" accept-charset="UTF-8"> 
<input type="hidden" name="macro" value="login_page" /> 
<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-reptiles-forum.1047529.n5.nabble.com/;cid=1304041225276-395"/> 
<div class="tableborder"> 
<div class="mydivF" valign="top"> 
&nbsp;&nbsp;<b>Welcome!</b> 
<p class="expand" valign="top"> 
<a href="#cancel" onclick="hide_LIF()">[X]</a></p></div> 
<div class="tablepad"> 
<b>Forum Login</b> 
<br> 
<input id="email" name="email" size="20" /> 
<input id="password" name="password" size="20" type="password" /> 
<input type="submit" value="Login" / onclick="hide_LIF()"> 
&nbsp;
</div></div> 
</form> 
</div></p></td> 
</tr> 
</table> 
<script src="popnotice.js"></script> 
<p align="left"><div id="Popup" class="transparent"> 
 <div style="background-color: yellow" text-align="left"> 
      <b>Before Posting....</b></div> 
<div style="background-color: yellow"text-align="left"></b>This is the log In<br> for <b>classifieds Only.</b><br> 
If you want to post something <br> 
else, Please Visit Our Forum, <br> 
(Top Right)
<img src="http://n5.nabble.com/images/smiley/smiley_good.gif"/></div> 
</div></p> 
<script src="vidwidgenav.js"></script> 
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> 
</head> 
<body> 

<p align="center"><a href="Reveiws.php"><img src="oie_testbutton6.gif"border='0px' alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="/videos.php"><img src="vids.gif"border='0px' alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="janpg1.php"><img src="jan.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="kidscorner.php"><img src="kids.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="classifieds.php"><img src="class.gif"width='110' height='30'border='0px'/>&nbsp<a href="forum.php"><img src="forum.gif"width='110' height='30'border='0px'/></p> 
<p align="center"> 
<a href="about_us.php"><img src="oie_greenpython_button1.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_about_camo.php"><img src="oie_testbutton2.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="Our_reptiles.php"><img src="australiaourreptiles.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_gallery.php"><img src="oie_testbutton4.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_contactus.php"><img src="oie_testbutton5.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a> 
</p> 
<p align="center">&nbsp<a href="AskJacob.php">Ask Jacob ?</a>&nbsp&nbsp<a href="http://camosreptiles.ourtoolbar.com/"target='_blank'>Download Our Toolbar FREE</a>&nbsp&nbsp<input type="button" name="type" value="Release Geckos" onclick="toggle_geckos(this);"></p> 
 
 
<p align="center"><img src="http://www.camosreptiles.com.au/oie_transnice.gif"/></p> 
 
 
<center> 
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f8d0fb6f-f582-4818-ac26-8bf7a156841b');</script> 
</center> 
<p>&nbsp;</p> 
<p align="center"><img src="snake-1.gif"/></p> 
<p>&nbsp;</p> 
<p align="center"><object width="500" height="300" id="obj_1304923836118"><param name="movie" value="http://camoschat.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"/><embed id="emb_1304923836118" src="http://camoschat.chatango.com/group" width="500" height="300" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"></embed></object><br>[ <a href="http://camoschat.chatango.com">Full Size New Page</a> ]</p> 
<br> 
 
<center> 
<div id="tabcontentcontainer"> 
<div id="sc1" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/F0nkBNicJZM" frameborder="0" allowfullscreen></iframe> 
</div> 
 
<div id="sc2" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/MS80AZK2Ozc" frameborder="0" allowfullscreen></iframe> 
</div> 
 
<div id="sc3" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/pveeDx-Dncw" frameborder="0" allowfullscreen></iframe></div> 
 
<div id="sc4" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/rysZc5O6LBA" frameborder="0" allowfullscreen></iframe> 
</div> 
 
<div id="sc5" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/8EDZCq3gqh4" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc6" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7zr_pIVp20w" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc7" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/JPkja-hgIVY" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc8" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/x4O7KYmC-1k" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc9" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/qRkWJyGwMeY" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc10" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/IveamwRgVUY" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc11" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/gHdo3LAyr0E" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc12" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/r8-LuxbhgQQ" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc13" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/42_1C2uh1QE" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc14" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/6hwWmxb7bP4" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc15" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/LLD4rSzPBGk" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc16" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/csJoZ1a07U0" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc17" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/TCMNs2I7pOw" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc18" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/wLgbFVuGisw" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc19" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/prYAMZ4Qt-g" frameborder="0" allowfullscreen></iframe> 
</div> 
<div id="sc20" class="tabcontent"> 
<iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7FW1rtv15_A" frameborder="0" allowfullscreen></iframe> 
</div> 
</div></center> 
<center> 
<span id="tablist"> 
<a class="tab" href="#" onclick="return expandcontent('sc1', this)">1</a> 
<a class="tab" href="#" onclick="return expandcontent('sc2', this)">2</a> 
<a class="tab" href="#" onclick="return expandcontent('sc3', this)">3</a> 
<a class="tab" href="#" onclick="return expandcontent('sc4', this)">4</a> 
<a class="tab" href="#" onclick="return expandcontent('sc5', this)">5</a> 
<a class="tab" href="#" onclick="return expandcontent('sc6', this)">6</a> 
<a class="tab" href="#" onclick="return expandcontent('sc7', this)">7</a> 
<a class="tab" href="#" onclick="return expandcontent('sc8', this)">8</a> 
<a class="tab" href="#" onclick="return expandcontent('sc9', this)">9</a> 
<a class="tab" href="#" onclick="return expandcontent('sc10',this)">10</a> 
<a class="tab" href="#" onclick="return expandcontent('sc11',this)">11</a> 
<a class="tab" href="#" onclick="return expandcontent('sc12',this)">12</a> 
<a class="tab" href="#" onclick="return expandcontent('sc13',this)">13</a> 
<a class="tab" href="#" onclick="return expandcontent('sc14',this)">14</a> 
<a class="tab" href="#" onclick="return expandcontent('sc15',this)">15</a> 
<a class="tab" href="#" onclick="return expandcontent('sc16',this)">16</a> 
<a class="tab" href="#" onclick="return expandcontent('sc17',this)">17</a> 
<a class="tab" href="#" onclick="return expandcontent('sc18',this)">18</a> 
<a class="tab" href="#" onclick="return expandcontent('sc19',this)">19</a> 
<a class="tab" href="#" onclick="return expandcontent('sc20',this)">20</a> 
</span> 
</center> 
<br> 
<p align="center"><b>Welcome to visit and view Adult Animals ~Call for appointment 0414645180</b> 
 
 
<p align="center"><script language="JavaScript"> 
<!--
function random_imglink(){
 var myimages=new Array()
 myimages[1]="front_005.jpg"
 myimages[2]="bigpic21.jpg"
 myimages[3]="newpics_061.jpg"
 
 var ry=Math.floor(Math.random()*myimages.length)
 
 if (ry==0)
    ry=1
    document.write('<img src="'+myimages[ry]+'" border=0 width=70% height=70%>')
}
 
 random_imglink()
//-->
</script></p> 
 
 <center> 
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f7f81901-959c-43b6-ac47-3ae464f8a30c');</script> 
</center> 
    
<br> 
<center><form action="dummy" method="post"><select name="choice" size="1"><option value="">Licensing Links</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/ReptileLicensingOutline.htm*_blank">Licensing Overview</option><option value=" http://www.environment.nsw.gov.au/resources/nature/CurrentSpeciesList.pdf*_blank"> Full species list (codes)</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/applnformsandfees.htm*_blank">Licensing forms/fees</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/electronicFaunaRecordBook.htm*_blank">Online license system</option><option value=" http://www.environment.nsw.gov.au/wildlifelicences/ReptileKeepersLicence.htm*_blank"> Reptile License</option><option value="http://www.environment.nsw.gov.au/wildlifelicences/FrogKeepersLicence.htm*_blank">Frog license</option></select><input TYPE="button" VALUE="GO!" onClick="jump(this.form)"></form></center> 
<br> 
 
 
 

<p align="left"><!-- Start of StatCounter Code --> 
<script type="text/javascript"> 
var sc_project=6032844; 
var sc_invisible=0; 
var sc_security="376dab12"; 
</script> 
 
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="tumblr counter"
href="http://www.statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/6032844/0/376dab12/0/"
alt="tumblr counter" ></a></div></noscript> 
<!-- End of StatCounter Code --><br/><a
href="http://my.statcounter.com/project/standard/stats.php?project_id=6032844&amp;guest=1"target='_blank'>View
Our Stats</a> </p> 
 <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=101642719925910&amp;xfbml=1"></script><fb:like href="" send="true" layout="box_count" width="450" show_faces="true" colorscheme="dark" font="lucida grande"></fb:like> 
  </div> 

 
 
<p align="center"><IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles-1.dat&ft=0"><b>Visits</b> &nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=date&timezone=GMT+1000"><b>Date</b> 
&nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=clock"><b>Local Time Sydney</b></p> 
 
 
 
</body> 
</html>

Inny,

Much better but there's still a way to go.

This is what I ended up with after 45 minutes:

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>
<!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>
<style type="text/css" media="screen, projection">
@import url(http://www.camosreptiles.com.au/camo.css);
</style>
<link rel="stylesheet" type="text/css"href="http://www.camosreptiles.com.au/aniMagiX[1].css">
<script src="https://www.google.com/jsapi?key=ABQIAAAA6HxnQOLvi2X8p0X8DZmmbhQQTeveG8yNfbkqO38hT-gL7h0_iRQfTM0MfmaqmNFDvOAc3s9eg1X6mw" type="text/javascript"></script>
<meta name="google-site-verification" content="tmykfRnShpw4MPdCE3pDuYV0AVWosboqPO-GudXoP9k" />
<meta property="fb:app_id" content="101642719925910" />
<meta property="fb:admins" content="100001305173534" />
<meta property="fb:page_id" content="118756061539311" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Camo's Reptiles. Home</title>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script>
function toggle_geckos(button) {
	var buttonText = ['Release Geckos', 'Lock Up Geckos'];
	var el = document.getElementById("geckos");
	el.style.display = (button.value==buttonText[0]) ? 'inline' : 'none';
	button.value = (button.value==buttonText[0]) ? buttonText[1] : buttonText[0];
}
function show_LI(){
	if (document.getElementById) { document.getElementById("LI").style.visibility = "visible"; }
	else { document.LI.visibility = "hidden"; }
}//ends open function
function hide_LI(){
	if (document.getElementById) { document.getElementById("LI").style.visibility = "hidden"; }
	else { document.LI.visibility = "hidden"; }
}//ends close function
function show_LIF(){
	if (document.getElementById) { document.getElementById("LIF").style.visibility = "visible"; }
	else { document.LIF.visibility = "hidden"; }
}//ends open function
function hide_LIF(){
	if (document.getElementById) { document.getElementById("LIF").style.visibility = "hidden"; }
	else { document.LIF.visibility = "hidden"; }
}//ends close function
function random_imglink(){
  var myimages = [
    "front_005.jpg",
    "bigpic21.jpg",
    "newpics_061.jpg"
  ];
  var ry = Math.floor(Math.random()*myimages.length) || 1;
  document.write('<img src="'+myimages[ry]+'" border="0" width="70%" height="70%">');
}
</script>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>

<body>

<p align="center">
	<div id="geckos" style="position:absolute; display:none; z-index:-1";>
		<div style="position: absolute; top: 0px; left: 0px; height: 100%; z-index: -1; background-color: transparent; width: 100%; opacity: 0.70; filter: alpha(opacity=70); -moz-opacity: 0.70; border: 0px solid #000040;"></div>
		<div style="position: relative; z-index: -1; margin: 10px;">
			<center>
			<script src='http://www.camosreptiles.com.au/geckos.js'></script>
			<script src='http://www.camosreptiles.com.au/aniMagiX.js'></script>
			</center>
		</div>
	</div>
</p>

<table width="100%" style="background-color:transparent" border="0" cellpadding="2" cellspacing="0">
<tr>
<td>
	<table id="userlinks" cellspacing="6">
	<tr>
	<td style="font-size: 6.0pt; font-family: verdana; line-height: 1.5em"><b><i>Classifieds</i></b><br>
	<span style="background-color: #FFFF00">(<a href='#ShowLI' onclick="show_LI()" >log in</a> | <a href='http://camo-s-classifieds.1047537.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-classifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304002543193-927'>Register</a> )</span><br>
	<p align="left"><a href="" onmouseout="Hide()" onmouseover="Show(event)"  onmousemove="Show(event)"><b>Attention!</b></a></p>
	</td>
	</tr>
	</table>
<div id="LI" align="left">
	<form style='display:inline' method="post" action="http://classifieds.1047537.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fclassifieds.1047537.n5.nabble.com%2F%3Bcid%3D1304183178883-939" accept-charset="UTF-8">
	<input type="hidden" name="macro" value="login_page" />
	<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-classifieds.1047537.n5.nabble.com/;cid=1304002543193-927"/>
	<div class="tableborder">
		<div class="mydiv" valign="top">
			&nbsp;&nbsp;<b>Welcome!</b>
			<p class="expand" valign="top"><a href="#cancel" onclick="hide_LI()">[X]</a></p>
		</div>
		<div class="tablepad">
			<b>Classifieds Login</b><br>
			<input id="email" name="email" size="20" />
			<input id="password" name="password" size="20" type="password" />
			<input type="submit" value="Login" / onclick="hide_LI()">
			&nbsp;
		</div>
	</div>
	</form>
</div>
</td>
<td><p align="right"><fb:like></fb:like></p></td>
<td><p align="right">
	<table id="userlinks" cellspacing="6">
	<tr>
	<td style="font-size: 6.0pt; font-family: verdana; line-height: 1.5em"><b><i>Forum</i></b><br><span style="background-color: #FFFF00">(<a href='#ShowLIF' onclick="show_LIF()" >log in</a> | <a href='http://camo-s-reptiles-forum.1047529.n5.nabble.com/user/Register.jtp?nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395'>Register</a> )</span></td>
	</tr>
	</table>
<div id="LIF" align="left">
	<form style='display:inline' method="post" action="http://camo-s-reptiles-forum.1047529.n5.nabble.com/template/NamlServlet.jtp?macro=login_page&nextUrl=http%3A%2F%2Fcamo-s-reptiles-forum.1047529.n5.nabble.com%2F%3Bcid%3D1304041225276-395" accept-charset="UTF-8">
	<input type="hidden" name="macro" value="login_page" />
	<input type="hidden" id="nextUrl" name="nextUrl" value="http://camo-s-reptiles-forum.1047529.n5.nabble.com/;cid=1304041225276-395"/>
	<div class="tableborder">
		<div class="mydivF" valign="top">
			&nbsp;&nbsp;<b>Welcome!</b>
			<p class="expand" valign="top"><a href="#cancel" onclick="hide_LIF()">[X]</a></p>
		</div>
		<div class="tablepad">
			<b>Forum Login</b><br>
			<input id="email" name="email" size="20" />
			<input id="password" name="password" size="20" type="password" />
			<input type="submit" value="Login" / onclick="hide_LIF()">&nbsp;
		</div>
	</div>
	</form>
</div>
</td>
</tr>
</table>
<script src="popnotice.js"></script>
<p align="left">
	<div id="Popup" class="transparent">
		<div style="background-color: yellow" text-align="left">
			<b>Before Posting....</b></div>
			<div style="background-color: yellow" text-align="left">
				</b>This is the log In<br> for <b>classifieds Only.</b><br>
				If you want to post something <br>
				else, Please Visit Our Forum, <br>
				(Top Right)
				<img src="http://n5.nabble.com/images/smiley/smiley_good.gif"/>
			</div>
		</div>
	</div>
</p>
<script src="vidwidgenav.js"></script>

<p align="center"><a href="Reveiws.php"><img src="oie_testbutton6.gif"border="0px" alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="/videos.php"><img src="vids.gif"border='0px' alt="Camo's Reptiles" width="110" height="30"/></a>&nbsp<a href="janpg1.php"><img src="jan.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="kidscorner.php"><img src="kids.gif" border='0px' alt='camos reptiles' width='110' height='30'/></a>&nbsp<a href="classifieds.php"><img src="class.gif" width="110" height="30" border="0px" />&nbsp<a href="forum.php"><img src="forum.gif"width="110" height="30" border="0px"/></p>
<p align="center"><a href="about_us.php"><img src="oie_greenpython_button1.gif"border="0px" alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_about_camo.php"><img src="oie_testbutton2.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="Our_reptiles.php"><img src="australiaourreptiles.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_gallery.php"><img src="oie_testbutton4.gif"border="0px" alt="Camo's Reptiles" width="110" height="30" /></a>&nbsp<a href="new_contactus.php"><img src="oie_testbutton5.gif"border='0px' alt="Camo's Reptiles" width="110" height="30" /></a></p>
<p align="center">&nbsp<a href="AskJacob.php">Ask Jacob ?</a>&nbsp&nbsp<a href="http://camosreptiles.ourtoolbar.com/"target='_blank'>Download Our Toolbar FREE</a>&nbsp&nbsp<input type="button" name="type" value="Release Geckos" onclick="toggle_geckos(this);"></p>
<p align="center"><img src="http://www.camosreptiles.com.au/oie_transnice.gif"/></p>

<center>
<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
<script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f8d0fb6f-f582-4818-ac26-8bf7a156841b');</script>
</center>
<p>&nbsp;</p>
<p align="center"><img src="snake-1.gif"/></p>
<p>&nbsp;</p>
<p align="center"><object width="500" height="300" id="obj_1304923836118"><param name="movie" value="http://camoschat.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"/><embed id="emb_1304923836118" src="http://camoschat.chatango.com/group" width="500" height="300" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1304923836118&f=0&i=3&k=000000&l=999999&o=0&p=12&q=999999&r=3&s=1&aa=1"></embed></object><br>[ <a href="http://camoschat.chatango.com">Full Size New Page</a> ]</p>
<br>
<center>
<div id="tabcontentcontainer">
	<div id="sc1" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/F0nkBNicJZM" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc2" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/MS80AZK2Ozc" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc3" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/pveeDx-Dncw" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc4" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/rysZc5O6LBA" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc5" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/8EDZCq3gqh4" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc6" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7zr_pIVp20w" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc7" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/JPkja-hgIVY" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc8" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/x4O7KYmC-1k" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc9" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/qRkWJyGwMeY" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc10" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/IveamwRgVUY" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc11" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/gHdo3LAyr0E" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc12" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/r8-LuxbhgQQ" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc13" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/42_1C2uh1QE" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc14" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/6hwWmxb7bP4" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc15" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/LLD4rSzPBGk" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc16" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/csJoZ1a07U0" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc17" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/TCMNs2I7pOw" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc18" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/wLgbFVuGisw" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc19" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/prYAMZ4Qt-g" frameborder="0" allowfullscreen></iframe></div>
	<div id="sc20" class="tabcontent"><iframe title="YouTube video player" width="320" height="195" src="http://www.youtube.com/embed/7FW1rtv15_A" frameborder="0" allowfullscreen></iframe></div>
</div>
<span id="tablist">
<a class="tab" href="#" onclick="return expandcontent('sc1', this)">1</a>
<a class="tab" href="#" onclick="return expandcontent('sc2', this)">2</a>
<a class="tab" href="#" onclick="return expandcontent('sc3', this)">3</a>
<a class="tab" href="#" onclick="return expandcontent('sc4', this)">4</a>
<a class="tab" href="#" onclick="return expandcontent('sc5', this)">5</a>
<a class="tab" href="#" onclick="return expandcontent('sc6', this)">6</a>
<a class="tab" href="#" onclick="return expandcontent('sc7', this)">7</a>
<a class="tab" href="#" onclick="return expandcontent('sc8', this)">8</a>
<a class="tab" href="#" onclick="return expandcontent('sc9', this)">9</a>
<a class="tab" href="#" onclick="return expandcontent('sc10',this)">10</a>
<a class="tab" href="#" onclick="return expandcontent('sc11',this)">11</a>
<a class="tab" href="#" onclick="return expandcontent('sc12',this)">12</a>
<a class="tab" href="#" onclick="return expandcontent('sc13',this)">13</a>
<a class="tab" href="#" onclick="return expandcontent('sc14',this)">14</a>
<a class="tab" href="#" onclick="return expandcontent('sc15',this)">15</a>
<a class="tab" href="#" onclick="return expandcontent('sc16',this)">16</a>
<a class="tab" href="#" onclick="return expandcontent('sc17',this)">17</a>
<a class="tab" href="#" onclick="return expandcontent('sc18',this)">18</a>
<a class="tab" href="#" onclick="return expandcontent('sc19',this)">19</a>
<a class="tab" href="#" onclick="return expandcontent('sc20',this)">20</a>
</span>
</center>
<br>
<p align="center"><b>Welcome to visit and view Adult Animals ~Call for appointment 0414645180</b>
	<p align="center"><script language="JavaScript">random_imglink();</script></p>
	<center>
	<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>
	<script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('f7f81901-959c-43b6-ac47-3ae464f8a30c');</script>
	<br>
	<form action="dummy" method="post">
		<select name="choice" size="1">
			<option value="">Licensing Links</option>
			<option value="http://www.environment.nsw.gov.au/wildlifelicences/ReptileLicensingOutline.htm*_blank">Licensing Overview</option>
			<option value="http://www.environment.nsw.gov.au/resources/nature/CurrentSpeciesList.pdf*_blank"> Full species list (codes)</option>
			<option value="http://www.environment.nsw.gov.au/wildlifelicences/applnformsandfees.htm*_blank">Licensing forms/fees</option>
			<option value="http://www.environment.nsw.gov.au/wildlifelicences/electronicFaunaRecordBook.htm*_blank">Online license system</option>
			<option value="http://www.environment.nsw.gov.au/wildlifelicences/ReptileKeepersLicence.htm*_blank"> Reptile License</option>
			<option value="http://www.environment.nsw.gov.au/wildlifelicences/FrogKeepersLicence.htm*_blank">Frog license</option>
		</select>
		<input type="button" value="GO!" onclick="jump(this.form)">
	</form>
	</center>
	<br>
	<p align="left"><!-- Start of StatCounter Code -->
		<script type="text/javascript">
		var sc_project=6032844;
		var sc_invisible=0;
		var sc_security="376dab12";
		</script>
		<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script>
		<noscript>
			<div class="statcounter"><a title="tumblr counter" href="http://www.statcounter.com/tumblr/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/6032844/0/376dab12/0/" alt="tumblr counter" ></a></div>
		</noscript>
		<!-- End of StatCounter Code -->
		<br/><a href="http://my.statcounter.com/project/standard/stats.php?project_id=6032844&amp;guest=1"target='_blank'>View Our Stats</a>
	</p>
	<div id="fb-root"></div>
	<script src="http://connect.facebook.net/en_US/all.js#appId=101642719925910&amp;xfbml=1"></script>
	<fb:like href="" send="true" layout="box_count" width="450" show_faces="true" colorscheme="dark" font="lucida grande"></fb:like>
</p>
<p align="center">
	<img src="/cgi-bin/Count.cgi?df=camosreptiles-1.dat&ft=0"><b>Visits</b> &nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=date&timezone=GMT+1000"><b>Date</b>
	&nbsp<IMG SRC="/cgi-bin/Count.cgi?df=camosreptiles.dat&display=clock"><b>Local Time Sydney</b>
</p>

</body>
</html>

I can't guarantee this is 100% correct, but everything is now certainly in the right place.

<!DOCTYPE ...> must be the first served line. It's ok to have a php block before it but nothing else, not even blank lines. Browsers have a right to be picky about this.

All renderable markup is now in the body, leaving behind all metas, javascript functions and css in the head.

Several tags were out of balance (eg. <div>....</p>). With consistent indenting, things like this are much easier to spot.

One of your inline z-index css directives was outside its "inverted commas", which might have been affecting things.

I'm not too sure about negative z-indexes. IIRC, z-index should be zero or a positive integer. This may be the cause of your z-index problem. I've not tried experimenting as I don't really know how the page is supposed to look.

Airshow

Thankyou So much. I didnt know whitespace was an issue, I thought it was skipped automatically, Ill remember this. I havent yet replaced my markup with yours but I will shortly.
I did manage to null the onclick, I worked out how to 'comment out' that line.
Javascript is very cool but its also a nightmare, especially when it comes to cross browser issues.
Anyway, Ill mark this solved, Thankyou again , very much.

Meanwhile I have come across another z-index issue, trying to overlay an image (div background) over a youtube video content div. I worked at it for 9 hrs straight and finally got it on the right level, but its not clicklable now because its wmode transparent and z-index:-1 lol.

Maybe you could take a look at what Ive managed (JUMP TO MY LAST POST) here?

I understand there are issues with flash and z-index, I did a whole bunch of reading, If its just not possible Ill stick with the solution I came up with here instead, although It did look great behind the curtains. :) http://www.camosreptiles.com.au/videos.php

http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/365778/1568075#post1568075

THankyou again Freind. :)

Inny,

Last time I looked (maybe 10 years ago) in most if not all browsers, embedded media players would always render as the topmost layer. I discovered this when working for a media company which wanted a ragged right-hand edge of some converted videos to be masked out. "Easy", I said naively then had to go back and say "not possible" after some experimentation.

The exception (as I understand it) is the flash player, which exhibits the same behaviour by default but can be forced to be a z-indexed layer by inclusion of a wmode setting. From what you say, you appear to have discovered this yourself.

With the effects of anno domini on me and the recency of your own research, I strongly expect that you know more about this topic area than I. So please disregard any rubbish I might have written above.

Airshow

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.