+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 1 su 1

Cambiare la disposizione dei div in base alle media query

  1. #1
    L'avatar di Domenico_Falco1
    Domenico_Falco1 non è in linea Scolaretto
    Post
    235
    Like Inviati  
    0
    Like Ricevuti  
    0
    Buon giorno a Tutti

    Come si capirà sono alle prime armi con html e le media query.

    Sto comunque tentando di creare un sito che potrete visitare a questa pagina :

    Trinity Coret

    Come potrete vedere sotto la messaggio di benvenuto ho 6 div con relative immagini e li ho posizionati così :

      	<div class="container-schede"> 
    		<div class="scheda1"; ><img src="PRESENTAZIONE.gif" alt="CSS" class="elastic";/></div>
    		<div class="scheda2"; ><img src="TERRITORI.gif" alt="CSS" class="elastic";/></div>
    		<div class="scheda3"; ><img src="PRODOTTI.gif" alt="CSS" class="elastic";/></div>
    	</div>
    	<div class="container-schede"> 
    		<div class="scheda4";><img src="FINANZA.gif" alt="CSS" class="elastic"; /></div>
    		<div class="scheda5";><img src="TURISMO.gif" alt="CSS" class="elastic"; /></div>
    		<div class="scheda6";><img src="NORMATIVE.gif" alt="CSS" class="elastic";/></div>
    	</div>
    
    Ponendo la larghezza nel css a 33% dei rispettivi div.

    Adesso sto provando di adattarlo al display di un mobile e come prima step usando la media query :

    @media (min-width: 320px) and (max-width: 480px)
    
    e vorrei che si posizionassero i suddetti riquadri due alla volta e non tre come sul desktop.

    Forse dovrei usare il display none per nascondere quello su desktop, ma come faccio a impostare dei div diversi nel css ?

    Chiaramente per chi vorrà gentilmente aiutarmi, potrà vedere sia l'index che il css dal visualizza sorgente pagina del sito.

    E visto che mi trovo, devo usare un file.js per ottimizzare le media query ?

    Grazie ed ottima giornata.

    Domenico
    Ultima modifica di Domenico_Falco1; 07-05-2019 08:47 
    ℹ️ Leggi di più su Domenico_Falco1 ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. Cambiare icona alle singole maschere di Access2010
    Da federicodi84 nel forum Microsoft Access
    Risposte: 8
    Ultimo Post: 12-06-2014, 18:50
  2. [VB.NET]: Stampare un DatagridView in base alle colonne!
    Da maninblack nel forum Visual Basic .Net
    Risposte: 2
    Ultimo Post: 17-12-2013, 13:34
  3. cambiare colore alle righe della casella di riepilogo
    Da scrok nel forum Microsoft Word
    Risposte: 4
    Ultimo Post: 27-02-2012, 17:38
  4. Risposte: 13
    Ultimo Post: 04-10-2010, 16:13
  5. Estrarre righe da tabella in base alle condizioni imposte
    Da faber83 nel forum Microsoft Access
    Risposte: 6
    Ultimo Post: 09-09-2010, 15:40