Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 12 su 12

Discussione: Centrare Carousel

  1. #11
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ok, allora io farei così (poi aggiusta tu le misure ma all'incirca vanno bene):
    attorno al div#immagini metti un altro div con questa regola:

    codice:
    #slide{
    float: left;    
    margin-top: 140px /* vedi tu il valore giusto tanto la tabella orario 
    mi pare abbia sempre la stessa altezza */;
    width: 75%;
    }
    Attorno al div con classe "hours" metti un altro div con questa regola

    codice:
    #orario{
     float: right;   
     width: 25%;
    }
    modifica la regola di .carousel così:
    codice:
    .carousel {
        margin:0 auto;
        float:none!important; /*ho messo così perchè vedo che a dimensioni 
    più piccole della pagina ritorna fuori ma forse potrebbe essere fatto in altro modo */
    }
    alla classe .hours aggiungi anche width:210px;

    Poi dovrai modificare qualcosa quando nella media query quando la finestra si rimpicciolisce sotto i 660px, vedi tu quando vuoi far andare sotto la tabella degli orari e per farlo, porti #slide e #orari a 100% di larghezza mentre a .hours diventa:
    codice:
    .hours{
    float:none;
     margin: 10px auto;
    }
    Ultima modifica di ResianTaxidrive; 22-02-2016 a 22:55

  2. #12
    Sei un grande!
    Avevi dimenticato solo il float:none!important; su .hours
    Ora aggiusto anche per mobile.. Se ti va passa a vedere sul sito com'è venuto...
    Ultima modifica di Luigi636; 23-02-2016 a 19:45

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.