marinelli: centrare slideshow nella regione

11 contenuti / 0 new
Ultimo contenuto
marinelli: centrare slideshow nella regione

Salve ragazzi, ho creato un blocco in marinelli (posizionandolo nella second sidebar) per una slideshow con due immagini. la slideshow funziona correttamente (modulo view slideshow)... Il problema è che non riesco a centrarla! le immagini della slideshow hanno larghezza 200px, lo stile per le immagini è di dimensioni uguali e la sidebar è più grande... ma la slideshow "resta" allineata a sinistra! Io vorrei centrarla, sapete aiutarmi?

Drupal Version:

dovrai probabilmente centrare il div che contiene al suo interno la slideshow, per fare questo devi avere un minimo di conoscenze del css, ad es.: se tu hai una struttura tipo questa <div id="slideshow">qui dentro l'altro codice dellaslideshow</div> basterebbe allineare il div al centro per farlo devi agire sull'ID del div, nel css scrivere così: #slideshow {margin: 0 auto;}

Spero di esserti stato di aiuto, fammi sapere se hai risolto!

ehm... no, non ho risolto. Puoi essere un po' più chiaro, nel senso "più dettagliato, passo a passo"? Sto iniziando adesso ad editare i css, pochi giorni fa non sapevo nemmeno cosa fossero ; ) .Cosa intendi esattamente per "centrare il div che contiene al suo interno la slideshow"? Scusami, ma per me è ancora quasi arabo...

probabilmente avrai nella pagina un blocco con un codice simile a questo: <div id="block-views-nomegalleria-block_1" class="block block-views">

mentre nel tuo style.css non avrai nessun selettore che richiami questo tag.

Dovrebbe essere sufficiente inserire:

.block.block-views {
  margin: 0 auto;
  width: 400px; /* larghezza di 2 immagini affiancate */
  padding: 0 2px; /* spazio tra le 2 immagini affiancate */
}

se non va prova così:
.block.block-views {
  margin: 0 auto !important;
  width: 400px; /* larghezza di 2 immagini affiancate */
  padding: 0 2px; /* spazio tra le 2 immagini affiancate */
}

regola il parametro larghezza colonna che contiene il blocco.

però devo aggiungere un commento... non puoi pensare di lavorare su drupal senza le conoscenze di base dell'html e css, perchè ti bloccherai sempre. Il mio consiglio è studia almeno le basi poi ti cimenti.
Ciao

un div equivale ad un blocco, la slideshow è dentro blocco di tipo div? guarda il tuo codice html anzi mettilo qui e così ti potrò aiutare meglio,ciao.

Il blocco l'ho generato al momento della creazione della vista, spuntando la casella "Crea un Blocco" con formato di visualizzazione: Elenco non formattato di campi...

però devi guardarti una guida per capire il css, non si può prescindere di conoscere le regole base, in ogni caso devi lavorare sul css e posizionare il div al centro come ti ho suggerito prima, prima guarda qual'è il div che contiene la slideshow, poi apri il css che contiene la regola e fai come ti ho detto. Capisco che non è facile ma prima devi seocndo me imparare lavorando su html e css puro.

grazie ragazzi, ci studierò un po' su ;)

Puoi utilizzare un plugin di firefox per visionare e studiare qual'è la porzione di codice html che ti serve.
Vedendo la porzione di codice sei in grado di capire quali sono le classi che devi usare per formattare la visualizzazione. Il plugin è Firebug che trovi:

https://getfirebug.com/

una volta capito quali sono i div interessati ti risulterà facile aggiungere le istruzioni che ti hanno segnalato gli altri utenti

Ringrazio molto tutti quanti...

Risolto!
#block-views-slideshow-block {width: 200px; margin: auto;
}
inserito nel blocks.css
Grazie a tutti voi... ed un grazie anche a serij_girl ed al link da lei consigliato:
http://www.html.it/guide/guida-css-di-base/