Ciao a tutti espongo il mio problema:
Ho creato la seguente pagina: Funziona correttamente con IE ma con firefox e chrome mi sovrappone tutte le immagini allego anche il file css..
Grazie
<?php require_once('Connections/conn1.php'); ?>
<?php require_once('Connections/conn.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
$maxRows_produzione = 10;
$pageNum_produzione = 0;
if (isset($_GET['pageNum_produzione'])) {
$pageNum_produzione = $_GET['pageNum_produzione'];
}
$startRow_produzione = $pageNum_produzione * $maxRows_produzione;
mysql_select_db($database_conn1, $conn1);
$query_produzione = "SELECT * FROM PRODUZIONE";
$query_limit_produzione = sprintf("%s LIMIT %d, %d", $query_produzione, $startRow_produzione, $maxRows_produzione);
$produzione = mysql_query($query_limit_produzione, $conn1) or die(mysql_error());
$row_produzione = mysql_fetch_assoc($produzione);
if (isset($_GET['totalRows_produzione'])) {
$totalRows_produzione = $_GET['totalRows_produzione'];
} else {
$all_produzione = mysql_query($query_produzione);
$totalRows_produzione = mysql_num_rows($all_produzione);
}
$totalPages_produzione = ceil($totalRows_produzione/$maxRows_produzione)-1;
$query_produzione = "SELECT * FROM PRODUZIONE";
$produzione = mysql_query($query_produzione, $conn1) or die(mysql_error());
$row_produzione = mysql_fetch_assoc($produzione);
$totalRows_produzione = mysql_num_rows($produzione);
$colname_produzione = "-1";
if (isset($_GET['id_prod'])) {
$colname_produzione = $_GET['id_prod'];
}
?>
<?php $dirname2="../admin/images/"; ?><head>
<link rel="stylesheet" type="text/css" href="css/imgzoom.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.imgzoom.pack.js"></script>
<script type="text/javascript">
//$(function () {
// $('#img1').imgZoom({ showOverlay: true });
// $('#img2').imgZoom({ showOverlay: true, opacity: 0 });
// $('#img3').imgZoom({ showOverlay: true, rotate: true, duration: 1000 });
// });
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<link href="css/style3.css" rel="stylesheet" type="text/css">
<style type="text/css">
body,td,th {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
<title>Emmeby system</title>
<body background="image/sfondo.png">
<div id="corpo_pro2">
<ul>
<?php
$cont=0;//la usi per contare i risultati e rinominare gli id delle immagini
do { ?>
<div class="container demo">
<div style="float: left; width: 0%; ">
<table align="left">
<tbody>
<tr>
<td width="300" align="center" valign="middle">
<h6>" /></h6></td>
</tr>
<tr>
<td align="center"><h6><?php echo $row_produzione['descrizione']; ?></h6></td>
</tr>
</tbody>
</table>
</div>
</div>
<?php $cont++; //la fai incrementare ad ogni ciclo ?>
<?php } while ($row_produzione = mysql_fetch_assoc($produzione)); ?>
<?php
mysql_free_result($produzione);
?>
<script type="text/javascript">
$(function () {
<?php for($c=0;$c<$cont;$c++){ echo "\$('#img$c').imgZoom({ showOverlay: true });";} ?>
});
</script>
</body>
</html>[/list]
</div>
<title>produzione</title>
<div id="pulsanti"></div>
<div id="principale">[img]image/testata.png[/img]
<div id="base"> Profilo Aziendale> Lavorazioni> Consulenza Tecnica> Produzione> Allestimenti Navali> Contatti></div>
<div id="sinistra">
</p>
Profilo Aziendale</p>
</p>
Lavorazioni</p>
</p>
Consulenza Tecnica</p>
</p>
Produzione</p>
</p>
Allestimenti Navali</p>
</p>
Contatti</div>
</div>
CSS
@charset "utf-8";
#corpo {
height: 643px;
width: 821px;
position: absolute;
top: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
left: 27.5%;
background-image: url(../image/body-dx.png);
}
#corpo_pro {
position: absolute;
z-index: 3;
height: 643px;
width: 821px;
top: 190px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
left: 27%;
background-image: url(../image/body-dx.png);
}
#corpo_pro2 {
position: absolute;
height: 643px;
width: 821px;
top: 190px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
left: 27%;
background-image: url(../image/body-dx.png);
overflow: scroll;
visibility: visible;
z-index: 3;
}
#sinistra {
position: absolute;
height: 643px;
width: 155px;
top: 190px;
z-index: 3;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFF;
left: 0%;
background-image: url(../image/body-sx.png);
text-align: center;
}
#principale {
position: absolute;
z-index: 1;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -200px;
top: 2px;
height: 697px;
width: 1003px;
left: 29.5%;
background-image: url(../image/testata.png);
background-repeat: no-repeat;
}
#base {
position: absolute;
height: 62px;
width: 985px;
z-index: 4;
top: 840px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
background-image: url(../image/piede.png);
left: 0px;
}
#produzione {
position: absolute;
z-index: 10;
height: 500px;
width: 500px;
}
#pulsa_prod {
position: absolute;
z-index: 4;
height: 100px;
width: 189px;
left: 151px;
top: 210px;
}
Rispondi quotando
