ciao a tutti,
ho un problema con uno slider in html5,dopo averlo testato su una pagina demo funziona perfettamente,in un box di dimensioni settate girano diverse foto.
A me servivano 3 box messi in riga dove potessere girare foto diverse,cosi ho creato una tabella ed ho inserito i codice dello slider in ogni cella.
Nella stessa pagine lo slider fuori dalle tabelle funziona perfettamente,quello all'interno nessuno dei tre,ma non risco a capire dove sbaglio.Vi posto il codice:
"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>ResponsiveSlides.js · Responsive jQuery slideshow</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="responsiveslides.css" />
<link rel="stylesheet" href="demo.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<script>
$(function () {

// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 300,
speed: 800
});





});
</script>
</head>
<body>
<div id="wrapper">
<h1></h1>

<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]

</div>
<table border="0">
<tr>
<td width="605" height="286">

<div id="wrapper">


<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]




</div>
</td>
<td width="605" height="286">


<div id="wrapper">

<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]




</div> </p>
</td>
<td width="605" height="286">
<div id="wrapper">

<ul class="rslides" id="slider1">[*][img]1.jpg[/img][*][img]2.jpg[/img][*][img]3.jpg[/img]




</div>
</td>
</tr>
</table>









</p>


</p>


</p>


</p>
</body>
</html>
"

grazie in anticipo a chi avesse la pazienza di darmi una mano
Piero