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... 

[gianniale]

Quindi, per capire bene, anche se avessi una situazione simile in un altro articolo potrei avere bisogno di parametri o trucchi diversi. In questo caso posso diminuire o aumetare i 500px totali lasciando i 300 centrali e controllando come si vede (spero di avere capito bene?!)...
Se me lo confermi festeggio con caviale e champagne (prosciutto cotto e una lattina di coca  ) .

Una cosa che mi chiedo è perchè non lo accetta con una tabella di una sola cella....? mah! Comunque ti sono molto grato per i consigli.
Mi farò vivo per altre domande presto e spero di ritrovarti.

[gianniale]

Ciao adottauncane, potresti guardare il risultato finale e dirmi se ti sembra sufficiente? Mi faresti una cortesia. Ti ringrazio molto. Ciao.

[adottauncane]

Dunque, proprio per essere pistini io farei la tabella con una misura di 470px e le celle interne rispettivamente di 85 300 85. Devi mettere le tre misure alle celle perché se metti solo 80px e 80px alle laterali su una tabella di 500px, automaticamente quella centrale prende 340px e vedi che il testo sborda un po'. Meglio sempre dichiarare tutte le misure.

In questo caso posso diminuire o aumetare i 500px totali lasciando i 300 centrali e controllando come si vede (spero di avere capito bene?!)...

No, meglio dichiarare le tre misure...

Ma, alle volte basta una tabella con una sola cella, in effetti, ad esempio io le uso per caricare il codice dei filmati di YouTube... va a sapere 

[gianniale]

Grazie davvero. Adesso faccio la modifica e poi ti mando la conferma per un tuo giudizio.

Modifico il post per dirti che puoi vedere la modifica. Sei proprio brava, decisamente. Non riuscivo a risolvere il testo che "sforava"... ma non avevo il coraggio di chiedere ancora....
un altro grazie te lo meriti.

[caps]

... sostituendo la tabella con dei div riusicrei ad ottenere lo stesso risultato?

si usano le tabelle perchè più semplici da gestire dei div?

grazie C.

[gianniale]

Ciao caps, per me che ho poca esperienza i div sono più complessi. Credo che gli altri di questo forum potranno aiutarti a capire come hanno fatto con me. Direi che sei nel posto adatto. In ogni caso penso che le tabelle siano più semplici da "dominare".....