[RISOLTO] Rendere modulo custom con immagini responsivo (dovrebbe esserlo già)

[cloud7-2]

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 

[tomtomeight]

Non è il modulo che devi rendere responsive ma il suo contenuto. Dipende dal codice che ci metti.

[cloud7-2]

Che tag posso mettere per rendere tutto in linea anche in schermi più piccoli?

[cloud7-2]

Ho risolto inserendo una tabella "responsive", del tipo:

Codice: [Seleziona]

<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    )
Per richiamare lo stile responsivo basta andare nel custom.css del proprio template (se non esiste basta crearlo) ed inserire:

Codice: [Seleziona]

.table-responsive {
width: 100%;
}

[giusebos]

bastava solo il css che hai proposto con la classe del modulo.....le tabelle sono deprecate per le immagini.

[cloud7-2]

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?

[giusebos]

scusa ma non capisco la domanda

[cloud7-2]

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.

[giusebos]

le classi abbinate ad un modulo o parte di sito sono visibili con la funzione "analizza elemento" del browser o con firebug.

[cloud7-2]

Ok