Ho creato questa pagina per poter navigare nel mio sito ma al lavoro finito mi sono accorto che Firefox non la visualizzava correttamente (o almeno come internet explorer).
Qui sotto riporto il codice completo della pagina....qualcuno potrebbe aiutarmi a renderla compatibile anche con Firefox?
Grazie in anticipo, theSpartan
Codice PHP:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
.tab {
cursor:pointer;
display:block;
border-style:solid;
border-width:1px;
font-family:Arial;
font-size:12;
color:#002BB8;
}
.space {
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-width: 1px
}
</style>
<script type="text/javascript">
function clickontab(tab_id,mode) {
if (mode == "over" && tab_id_old != tab_id) {
document.getElementById(tab_id).style.borderBottomWidth = "0";
} else if (mode == "out" && tab_id_old != tab_id) {
document.getElementById(tab_id).style.borderBottomWidth = "1px";
} else {
if (x == true) {
document.getElementById(tab_id_old).style.borderBottomWidth = "1px";
document.getElementById(tab_id_old).style.borderColor = "#AAAAAA";
document.getElementById(tab_id_old).style.fontWeight = "normal";
}
document.getElementById(tab_id).style.borderBottomWidth = "0";
document.getElementById(tab_id).style.borderColor = "orange";
document.getElementById(tab_id).style.fontWeight = "bold";
tab_id_old = tab_id;
x=true;
}
}
</script>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onload="javascript:tab_id_old = ''; x= false;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="80">
<tr>
<td align="right" valign="bottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bordercolor="#AAAAAA">
<tr>
<td class="space">
</td>
<td class="tab" align="center" width="10%" id="tab1" onclick="javascript: clickontab('tab1');" onmouseover="javascript:clickontab('tab1','over')" onmouseout="javascript:clickontab('tab1','out')">
Pagina1
</td>
<td class="space" width="2.3%">
</td>
<td class="tab" align="center" width="10%" id="tab2" onclick="javascript: clickontab('tab2');" onmouseover="javascript:clickontab('tab2','over')" onmouseout="javascript:clickontab('tab2','out')">
Pagina2
</td>
<td class="space" width="2.3%">
</td>
<td class="tab" align="center" width="10%" id="tab3" onclick="javascript: clickontab('tab3');" onmouseover="javascript:clickontab('tab3','over')" onmouseout="javascript:clickontab('tab3','out')">
Pagina3
</td>
<td class="space" width="2.3%">
</td>
<td class="tab" align="center" width="10%" id="tab4" onclick="javascript: clickontab('tab4');" onmouseover="javascript:clickontab('tab4','over')" onmouseout="javascript:clickontab('tab4','out')">
Pagina4
</td>
<td class="space" width="2.3%">
</td>
<td class="tab" align="center" width="10%" id="tab5" onclick="javascript: clickontab('tab5');" onmouseover="javascript:clickontab('tab5','over')" onmouseout="javascript:clickontab('tab5','out')">
Pagina5
</td>
<td class="space" width="2.3%">
</td>
<td class="tab" align="center" width="10%" id="tab6" onclick="javascript: clickontab('tab6');" onmouseover="javascript:clickontab('tab6','over')" onmouseout="javascript:clickontab('tab6','out')">
Pagina6
</td>
<td class="space" width="5%">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Rispondi quotando