+ Rispondi alla Discussione
Risultati da 1 a 4 di 4

Aiuto per riduzione altezza "fascia" da template responsive

Ultimo Messaggio di hub il:
  1. #1
    Utente Premium
    Data Registrazione
    Aug 2008
    Località
    Modena
    Messaggi
    198

    Aiuto per riduzione altezza "fascia" da template responsive

    Ciao a tutti, stò cercando con mooolta fatica di adattare un template responsive alle mie esigenze,
    finora quello che ho ottenuto è appoggiato temporaneamente quì: http://www.nastri-trasportatori.com/sushi/

    Quello che vorrei fare ma non riesco a capire come, è la riduzione della altezza della fascia che vedete in arancione, in pratica vorrei ridurre (non eliminare)
    la misura "A" e la misura "B" ...

    Sapreste dirmi in quale punto del codice debbo mettere le mani?

    Ultima modifica di arluc; 18-10-16 alle 19:21

  2. #2
    User L'avatar di Norman
    Data Registrazione
    Mar 2006
    Località
    Pisa
    Messaggi
    361
    Dovresti essere in grado di modificare tale spazio agendo sull'height di questa classe CSS:

    Codice:
    .mbr-after-navbar::before {
    
        content: "";
        display: block;
        height: 98px;
    
    
    }
    Klayz Community - GlaucoZega.com (Sviluppo Web)

  3. #3
    Utente Premium
    Data Registrazione
    Aug 2008
    Località
    Modena
    Messaggi
    198
    Citazione Originariamente Scritto da Norman Visualizza Messaggio
    Dovresti essere in grado di modificare tale spazio agendo sull'height di questa classe CSS:

    Codice:
    .mbr-after-navbar::before {
    
        content: "";
        display: block;
        height: 98px;
    
    
    }
    Grazie Norman!!!

    E' esattamente quello che cercavo!
    sistemerò "before" e cercherò anche "after"

    PS: Ho notato che tu scrivi
    Codice:
    .mbr-after-navbar::before
    mentre io ho trovato
    Codice:
    .mbr-after-navbar:before
    si tratta di un tuo errore di copia/battitura o sono io che ho sbagliato riga o altro? (eppure modificando la misura ottengo l'effetto voluto ...)

  4. #4
    hub
    hub è offline
    User
    Data Registrazione
    Apr 2015
    Località
    Varese
    Messaggi
    329
    Citazione Originariamente Scritto da arluc Visualizza Messaggio
    PS: Ho notato che tu scrivi
    Codice:
    .mbr-after-navbar::before
    mentre io ho trovato
    Codice:
    .mbr-after-navbar:before
    Ciao, il singolo : indica una pseudo-classe, i doppi :: indica uno pseudo-elemento.


    Nel tuo caso in termini molto pratici, l'uso del singolo : al massimo potrebbe riguardare una certa retrocompatibilità con vecchi browser.
    Difatti il codice postato da Norman è quello che ti consiglio di usare, cioè con i doppi ::


    Se vuoi approfondire, su Stackoverflow: stackoverflow.com/questions/32039959/what-the-difference-between-two-double-point-and-one-in-pseudo-selector

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.