Centrare un box di coming soon

[gianniale]

Un saluto a tutti, ho un problema con il codice (credo di non ricordare bene). Ho inserito in un articolo una frase -centrata- e il sorgente (in editor hatml) dello script che mi ha inviato la coming soon per i trailers dei film.

Tutto funziona benissimo ma non riesco a centrare nella pagina il box.

Il codice inserito è tutto qui (per l'articolo):
<p> </p>
<p style="text-align: center;">Andiamo al cinema. Guardiamo i trailers.</p>
<p style="text-align: center;">
<script type="text/javascript">// <![CDATA[
     var CSWebOpt = {         /* larghezza del widget */          w: 300     };
// ]]></script>
<script src="http://cinema.comingsoon.it/V5/js/showCSWeb.js" type="text/javascript"></script>
<noscript>Comingsoon.it</noscript> </p>

Qualcuno può dirmi che rettifica di sorgente, o che aggiunta, devo fare? Tutto funziona bene ma il box e la frase mi risultano a sinistra della colonna centrale.
Grazie per quanto mi direte. Un saluto e attendo di leggervi.

[bettyb_87]

secondo me l'align lo devi mettere prima del codice, prova così:

Codice: [Seleziona]

<p align="center">Andiamo al cinema. Guardiamo i trailers.<br>
<script type="text/javascript">// <![CDATA[
     var CSWebOpt = {         /* larghezza del widget */          w: 300     };
// ]]></script>
<script src="http://cinema.comingsoon.it/V5/js/showCSWeb.js" type="text/javascript"></script>
<noscript>Comingsoon.it</noscript> </p>

[gianniale]

Grazie per la risposta veloce. Ho sovrapposto il codice col tuo ma il risultato non cambia. Forse c'è qualcosa che sbaglio ancora...

[bettyb_87]

Ma non ce l'hai un link? che allora mi sa che non ho capito cosa ti serve 

[gianniale]

http://www.scaricafacile.it/joomla/cinema-e-spettacoli.html

In questa pagina vedo il box a sinistra e non riesco a farlo stare al centro. Spero di non dover intervenire sul template perchè altrimenti mi perdo...

[gianniale]

.....nessun suggerimento?

[maicolstaip]

Ciao gianniale,
prova così:

Codice: [Seleziona]

<p style="text-align: center;">Andiamo al cinema. Guardiamo i trailers.</p>
<div align= "center">
<script type="text/javascript">// <![CDATA[
     var CSWebOpt = {         /* larghezza del widget */          w: 300     };
// ]]></script>
<script src="http://cinema.comingsoon.it/V5/js/showCSWeb.js" type="text/javascript"></script>
<noscript>Comingsoon.it</noscript> </div>

[gianniale]

Grazie Maico... ho incollato il tuo sorgente sul mio ma non cambia...

[maicolstaip]

Sì, vedo.
Per curiosità prova a mettere un template di joomla, perchè a me in locale viene centrato, non vorrei fosse qualche regola css del tuo template che sovrascrive...

[gianniale]

Il template che uso è il siteground-j15-171 e l'ho scaricato da un sito joomla... dovrei cambiarlo? Scusa ma non capisco perchè ono alle prime armi...

[caps]

prova ad allargare la tabella dove è contenuto il codice

[maicolstaip]

Prova ad assegnare temporaneamente al sito un template di default di joomla, tipo japurity, così vediamo se il problema è il template, quello di siteground.
Penso di sì...
Poi se quello è il problema, spostiamo il messaggio nella sezione templates del forum dove i maghi ti sapranno aiutare.
Ciao!

[gianniale]

Fatto... un pò di riviluzione negli aspetti... ma giudica tu...

[maicolstaip]

NO,
non viene centrato, se in un paio d'ore non risponde nessun altro, spostiamo nella sezione templates dove ci sono gli espertissimi...

[gianniale]

Intanto ti ringrazio per la tua disponibilità. Volevo chiederti una cosa, se usassi un modulo, dove si inserisce un url (wrapper) come potrei inserire uno script (che mi ha dato coming soon)?

integro il post per dire che ho scaricato Easy script ed ho provato ad usarlo (funziona benissimo), solo che anche se l'ho richiamato con il load position in centratura dell'articolo (riga), è stato collocato a sinistra.
Pensavo di avere risolto con un modulo apposito....

[tonicopi]

Nella regola di riga 725 nel template.css imposta una larghezza di 470pixel:

Codice: [Seleziona]

table.contentpaneopen {
border-collapse:collapse;
margin:0 6px;
padding:0;
width:470px;
}
 

[gianniale]

Ciao tonicopi, grazie. Ho modificato il file con:

table.contentpaneopen {
   border-collapse: collapse;
   padding: 0;
   margin:0 6px;
                widht:470px;
da backend (che non ha le righe numerate, purtroppo). Ma il risultato non è cambiato. Adesso vorrei sapere se devo rimuovere la rettifica o no...

pensi si possa arrivare a capire cosa succede? Pensa che sono impiantato da ieri mattina, ma se non risolvo il problema rimarrà ogni volta che inserirò un articolo del genere...

[adottauncane]

Ciao gianniale,
prova ad inserire cliccando sull'icona html questo codice in un articolo:

Codice: [Seleziona]

<table style="height: 400px; width: 500px;" align="center" border="0">
    <tbody>
        <tr>
            <td style="width: 100px;"></td>
            <td>
                <p> </p>
                <p style="text-align: center;">Andiamo al cinema. Guardiamo i trailers.</p>
                <p style="text-align: center;">
                    <script type="text/javascript">
                        // <![CDATA[
                        var CSWebOpt = {         /* larghezza del widget */          w: 300     };
                        // ]]>
                    </script>
                    <script src="http://cinema.comingsoon.it/V5/js/showCSWeb.js" type="text/javascript"></script>
                    <noscript>Comingsoon.it</noscript></p>
            </td>
            <td style="width: 100px;"></td>
        </tr>
    </tbody>
</table>
A me su un Siteground funziona...

[gianniale]

Ciao, ho fatto e, in effetti, il box è spostato al centro... non mi sembra vero... ma vorrei chiederti: il 100px che hai inserito può variare per avere una centratura corretta (ora mi pare un pò a destra)? Poi vorrei capire se questo sistema è un "trucco" dettato dalla tua esperienza o è proprio così che dovrò fare in tutti i casi che mi capiteranno di questo tipo? Scusa la banalità della domanda... ma se non approfitto per imparare da chi ne sa più di me....

grazie per il tuo intervento. sapevo che avrei risolto con voi....

[adottauncane]

Sì poi variare 100px con qualcosa in meno per centrarlo otticamente. Praticamente è una tabella ma da sola, come avevamo già provato, non si centra... Così fai una tabella che abbia la misura totale della larghezza del main del tamplate, meno evenuali padding e la dividi in tre celle cui dai una misura fissa. Nel nostro caso ho messo 500px quindi 100+300+100. Quindi puoi provare a rifare la tabella con più precisione, tenedo conto che quella centrale deve essere di 300px...

Ma, un trucco... non saprei... si poteva anche modificare il css ma dava dei problemi con la fascetta in basso. Da grafica quale sono, preferisco usare l'editor per aggiustare i contenuti di un articolo, senza toccare il css se non strettamente necessario o se non serve in tutto il template... Le tabelle danno una gran mano, se usate però con criterio...