Salve, sapreste gentilmente dirmi qual'è il problema che non mi permette di visualizzare una slide nella home page?
questo è il codice senza la slide:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="stile.css" type="text/css" />
<meta charset="utf-8">
<title>Documento senza titolo</title>
<body>
<table width="100%" border="0">
<tbody>
<tr>
<td width="5%" height="235"> </td>
<td width="90%" align="center" valign="top">
<div class="immaginetestata"><img src="logoessequadrogifdef.gif" width="1000" height="196" alt=""/></div>
<!--inizio menu del sito-->
<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<li><a href="chi siamo.html">Chi siamo</a></li>
<li><a href="promozioni.html">Promozioni</a></li>
<li><a href="certificazioni.html">Certificazioni</a></li>
<li><a href="contatti.html">Contatti</a></li>
</ul>
<!--fine menu del sito-->
</td>
<td width="5%"> </td>
</tr>
<tr>
<td width="5%" height="328"> </td>
<td>
<div id="contenitore">
<ul id="menuverticale">
<li><a href="#">Servizi di pulizia ed alberghieri</a></li>
<li><a href="#">Derattizzazione</a></li>
<li><a href="#">Facchinaggio</a></li>
<li><a href="#">Sistemazione e manutenzione giardini</a></li>
<li><a href="#">Lavori edili e di costruzioni in generale</a></li>
<li><a href="#">Portierato</a></li>
</ul>
<div id="gallery"></div>
<img src="preventivo-01.jpg" width="200" height="144" alt=""/>
<div id="contenuto"><img src="frase sito essequadro-01.png" width="1000" height="111" alt=""/></div>
<div class="footer">
<div class="social">Seguici sui nostri Social</div>
<div class="facebook"><a href="http://www.facebook.com" target="_blank">Facebook</a></div>
<div class="twitter"><a href="http://www.twitter.com" target="_blank">Twitter</a></div>
<div class="linkedin"><a href="http://www.linkedin.it" target="_blank">Linkedin</a></div>
<div class="iconesocial"><img src="icone social animato.gif" width="1024" height="96" alt=""/>
<div class="indirizzo">
Via San Giovanni, 4 - 50062 Dicomano (FI) - Email: info@essequadroservizi.it - Tel. 0934 583769 - Fax 06 23326819 - P.IVA: 06491150485
</div>
</div>
</div>
</div>
</td>
<td width="5%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
questo invece è il codice quando inserisco la slide:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="stile.css" type="text/css" />
<meta charset="utf-8">
<title>Documento senza titolo</title>
<body>
<table width="100%" border="0">
<tbody>
<tr>
<td width="5%" height="235"> </td>
<td width="90%" align="center" valign="top">
<div class="immaginetestata"><img src="logoessequadrogifdef.gif" width="1000" height="196" alt=""/></div>
<!--inizio menu del sito-->
<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<li><a href="chi siamo.html">Chi siamo</a></li>
<li><a href="promozioni.html">Promozioni</a></li>
<li><a href="certificazioni.html">Certificazioni</a></li>
<li><a href="contatti.html">Contatti</a></li>
</ul>
<!--fine menu del sito-->
</td>
<td width="5%"> </td>
</tr>
<tr>
<td width="5%" height="328"> </td>
<td>
<div id="contenitore">
<ul id="menuverticale">
<li><a href="#">Servizi di pulizia ed alberghieri</a></li>
<li><a href="#">Derattizzazione</a></li>
<li><a href="#">Facchinaggio</a></li>
<li><a href="#">Sistemazione e manutenzione giardini</a></li>
<li><a href="#">Lavori edili e di costruzioni in generale</a></li>
<li><a href="#">Portierato</a></li>
</ul>
<div id="gallery"></div>
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
<div id="wowslider-container0">
<div class="ws_images"><ul>
<li><img src="data0/images/derattizzazione_si.jpg" alt="Derattizzazione " title="Derattizzazione " id="wows0_0"/></li>
<li><img src="data0/images/disinfestazioni_e_derattizzazioni_si.jpg" alt="Disinfestazioni" title="Disinfestazioni" id="wows0_1"/></li>
<li><img src="data0/images/facchinaggio_si.jpg" alt="Facchinaggio" title="Facchinaggio" id="wows0_2"/></li>
<li><img src="data0/images/lavori_edili_e_di_costruzioni_in_generale_si.jpg" alt="Lavori Edili e di Costruzioni in Generale" title="Lavori Edili e di Costruzioni in Generale" id="wows0_3"/></li>
<li><img src="data0/images/portierato_si.jpg" alt="Portierato" title="Portierato" id="wows0_4"/></li>
<li><img src="data0/images/servizi_di_pulizia_ed_alberghieri_si.jpg" alt="Servizi di Pulizia Alberghieri" title="Servizi di Pulizia Alberghieri" id="wows0_5"/></li>
<li><a href="http://wowslider.com/vi"><img src="data0/images/servizi_di_pulizia_si.jpg" alt="wordpress gallery plugin" title="Servizi di Pulizia" id="wows0_6"/></a></li>
<li><img src="data0/images/sistemazione_e_manutenzione_giardini_si.jpg" alt="Sistemazione e Manutenzione Giardini" title="Sistemazione e Manutenzione Giardini" id="wows0_7"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="Derattizzazione "><span><img src="data0/tooltips/derattizzazione_si.jpg" alt="Derattizzazione "/>1</span></a>
<a href="#" title="Disinfestazioni"><span><img src="data0/tooltips/disinfestazioni_e_derattizzazioni_si.jpg" alt="Disinfestazioni"/>2</span></a>
<a href="#" title="Facchinaggio"><span><img src="data0/tooltips/facchinaggio_si.jpg" alt="Facchinaggio"/>3</span></a>
<a href="#" title="Lavori Edili e di Costruzioni in Generale"><span><img src="data0/tooltips/lavori_edili_e_di_costruzioni_in_generale_si.jpg" alt="Lavori Edili e di Costruzioni in Generale"/>4</span></a>
<a href="#" title="Portierato"><span><img src="data0/tooltips/portierato_si.jpg" alt="Portierato"/>5</span></a>
<a href="#" title="Servizi di Pulizia Alberghieri"><span><img src="data0/tooltips/servizi_di_pulizia_ed_alberghieri_si.jpg" alt="Servizi di Pulizia Alberghieri"/>6</span></a>
<a href="#" title="Servizi di Pulizia"><span><img src="data0/tooltips/servizi_di_pulizia_si.jpg" alt="Servizi di Pulizia"/>7</span></a>
<a href="#" title="Sistemazione e Manutenzione Giardini"><span><img src="data0/tooltips/sistemazione_e_manutenzione_giardini_si.jpg" alt="Sistemazione e Manutenzione Giardini"/>8</span></a>
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">jquery carousel</a> by WOWSlider.com v8.2</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine0/wowslider.js"></script>
<script type="text/javascript" src="engine0/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<img src="preventivo-01.jpg" width="200" height="144" alt=""/>
<div id="contenuto"><img src="frase sito essequadro-01.png" width="1000" height="111" alt=""/></div>
<div class="footer">
<div class="social">Seguici sui nostri Social</div>
<div class="facebook"><a href="http://www.facebook.com" target="_blank">Facebook</a></div>
<div class="twitter"><a href="http://www.twitter.com" target="_blank">Twitter</a></div>
<div class="linkedin"><a href="http://www.linkedin.it" target="_blank">Linkedin</a></div>
<div class="iconesocial"><img src="icone social animato.gif" width="1024" height="96" alt=""/>
<div class="indirizzo">
Via San Giovanni, 4 - 50062 Dicomano (FI) - Email: info@essequadroservizi.it - Tel. 0934 583769 - Fax 06 23326819 - P.IVA: 06491150485
</div>
</div>
</div>
</div>
</td>
<td width="5%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
questo è il css:
/* CSS Document */
*{ margin: 0px;
padding: 0px;
}
body {background-color: #5B9323;
margin: 23px 0 0 0;
padding: 0 0 0 0;
}
.menu {
background-color: #FFFFFF;
width: 1200px;
position:absolute;
}
ul#menu {
position:absolute;
top: 221px;
font-family: Verdana, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
list-style: none;
margin-left: 65px;
}
ul#menu li {
background-color: #FFF;
border-bottom: 5px solid #93C021;
display: block;
width: 200px;
height: 30px;
float:left;
}
ul#menu li a {
color: #000;
display: block;
font-weight: bold;
line-height: 30px;
text-decoration: none;
width: 150px;
height: 30px;
text-align: center;
}
ul#menu li.active, ul#menu li:hover {
background-color: #93C021;
border-bottom: 5px solid #B7B2AD;
}
ul#menu li.active {
margin-left: 0px;
}
inizio menu verticale
ul#menuverticale {
font-family: Verdana, sans-serif;
font-size: 20px;
margin-left: 0px;
padding-left: 0px;
float:left;
}
ul#menuverticale li {
background-color: #5B9431;
border-left: 5px solid #B6B2AC;
display: block;
width: 195px;
height: 40px;
margin: 2px 0;
}
ul#menuverticale li a {
color: #fff;
display: block;
font-weight: bold;
line-height: 15px;
padding-left: 5px;
text-decoration: none;
width: 170px; /* 150px - 15px (padding) */
height: 15px;
padding-top: 4px;
font-size: 12px;
}
ul#menuverticale li.active, ul#menuverticale li:hover {
background-color: #B6B2AC;
border-left: 5px solid #FFF;
}
#contenitore {
background-color: #fff;
margin-left: 65px;
margin-top: -8px;
width: 1000px;
height: 800px;
position:absolute;
top: 264px;
margin-bottom: 30px;
}
#contenuto {
margin-bottom:200px;
margin-left: 0px;
width: 995px;
height: 100px;
position:absolute;
top: 398px;
}
#gallery {
height: 398px;
margin-top: 0px;
position: static;
top: 0px;
background-color: #BAB7B7;
width: 800px;
margin-left: 200px;
float:right;
position: absolute;
}
.immaginepreventivo {
float:left;
position:absolute;
}
.immaginetestata {
margin-left: 0px;
position:absolute;
margin-left: 65px;
}
.footer {
position: absolute;
top: 537px;
height: 220px;
width: 1000px;
background-color: #91BF1F
}
.indirizzo {
padding-top: 65px;
padding-left: 45px;
position:absolute;
}
.social {
position: absolute;
margin-top: 20px;
padding-left: 406px;
color: #FFFFFF;
font-weight: bold;
font-family: sans-serif;
}
.facebook {
position: relative;
margin-top: 50px;
font-size: 18px;
padding-left: 215px;
font-weight: bold;
float:left;
}
.twitter {
position: relative;
margin-top: 50px;
font-size: 18px;
padding-left: 200px;
font-weight: bold;
float:left;
}
.linkedin {
position: relative;
margin-top: 50px;
font-size: 18px;
padding-right: 185px;
font-weight: bold;
float:right;
}
.iconesocial {
position: absolute;
margin-top: 72px;
height: 80px;
width: 1000px;
}
Nella cartella relativa al sito ci sono 2 ulteriori cartelle data0 e engine0 e un file index.html.bak
Sapreste dirmi il perchè la slide una volta inserita nel mio sito non funziona e le immagini si mettono una sopra l'altra facendomi allungare la pagina verticalmente?
Grazie mille!
Rispondi quotando