Joomla.it Forum
Joomla! 3 => Joomla! 3 => : cloud7-2 29 Dec 2017, 00:10:38
-
Ciao ragazzi!
Premetto che utilizzo Purity 3 con t3 framework.
Ho un modulo custom, che contiene 8 piccole icone (in riga, una distanziata dall'altra da qualche colpo di barra spaziatrice)
Se allargo lo zoom o visualizzo il sito da smartphone la riga si spezza, ho le prime 4 icone in una riga, le altre 4 a capo ma sfalsate
Cosa posso fare per fare in modo che le icone in 1 vengano mostrate tutte in una riga ed il banner rispetti le dimensioni della pagina senza allargarla?
Grazie in anticipo :D
-
Non è il modulo che devi rendere responsive ma il suo contenuto. Dipende dal codice che ci metti.
-
Che tag posso mettere per rendere tutto in linea anche in schermi più piccoli?
-
Ho risolto inserendo una tabella "responsive", del tipo:
<div class="table-responsive">
<table>
<thead>
<tr>
<th>immagine 1</th>
<th>immagine 2</th>
<th>immagine 3</th>
<th>immagine 4</th>
<th>immagine 5</th>
<th>immagine 6</th>
<th>immagine 7</th>
<th>immagine 8</th>
</tr>
</thead>
</table>
</ div>
(togliete lo spazio dopo "/ div", non so perché ma l'editor del forum se lo tolgo non visualizza più la riga :P )
Per richiamare lo stile responsivo basta andare nel custom.css del proprio template (se non esiste basta crearlo) ed inserire:
.table-responsive {
width: 100%;
}
-
bastava solo il css che hai proposto con la classe del modulo.....le tabelle sono deprecate per le immagini.
-
Grazie per la dritta! Sai per caso dove posso trovare le classi di ogni tipo di modulo Joomla?
Esiste una lista che consenta di evitare un'ispezione del css?
-
scusa ma non capisco la domanda
-
Mi sono spiegato male.
Vorrei sapere come il css di Joomla chiama le varie tipologie di modulo (custom, contatti, ecc.), in modo tale da modificare il css direttamente sul modulo e non sul contenuto.
-
le classi abbinate ad un modulo o parte di sito sono visibili con la funzione "analizza elemento" del browser o con firebug.
-
Ok :D