Strano problema slideshow

antonio.webdesigner

Strano problema slideshow

Salve ragazzi avrei bisogno di una mano col template di questo sito (beccaletto .it). Come potete vedere lo slideshow nell'header è sfasato verso destra e mi piacerebbe allinearlo o meglio centrarlo, ma fin'ora non ci sono riuscito. Avete consigli? Ringrazio in anticipo chi mi saprà aiutare.

A presto.

Giapox

Ciao Antonio,
questa tua domanda è legata più ai Css che a WordPress, comunque provo a darti una mano.

Prova a dare margin: 0; e padding: 0; a #sliderContent (riga 86 del tuo foglio di stile).

Fammi sapere.

antonio.webdesigner

Ciao, grazie mille per l'aiuto...purtroppo però non funziona. O meglio alla riga 86 non c'è quello che mi hai indicato tu, anzi non riesco proprio a trovare #sliderContent in tutto il .css il che mi sembra strano...

Giapox

Hai ragione, errore mio, il foglio di stile è presente direttamente nella pagina.

Quindi cerca al rigo 86 della tua pagina, dovresti trovare #sliderContent.

Fammi sapere.

antonio.webdesigner

Niente da fare, ho trovato il CSS incluso nella pagina ma pur effettuando la modifica che mi hai suggerito il risultato non cambia. Il codice interessato dovrebbe essere questo:

<style type="text/css" media="screen">
#slider {
width: 380px; /* important to be same as image width /
height: 250px; / important to be same as image height /
position: relative; / important /
overflow: hidden; / important /
}
#sliderContent {
width: 380px; / important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
float: left;
margin: 0;
padding 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 384px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;

}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
</style>Le modifiche che provo però non hanno alcun effetto.

Giapox

Hai dimenticato i due punti ":".

padding: 0;Riprova e fammi sapere.

antonio.webdesigner

Grande ha funzionato! Grazie di cuore, sei stato fondamentale e velocissimo!

Giapox

Ottimo. Sono felice di esserti stato di aiuto.