Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    centramento di immagini con misure variabili e posizionamento assoluto

    Ciao a tutti!
    Sto creando uno slideshow di immagini in css3 strutturato in questo modo:
    tutte le immagini sono sovrapposte con position:absolute, e sono adattate allo schermo tramite min-height e min-width. Tramite javascript e le transizioni css3 le immagini si alternano con una dissolvenza incrociata.
    Il problema è questo: sugli schermi particolarmente ampi, la larghezza/altezza delle immagini è inferiore a quella dello schermo stesso e, di conseguenza, queste ultime vengono allineate in alto a destra.
    Come faccio a centrare il tutto, perlomeno orizzontalmente e, possibilmente, senza usare javascript?
    Grazie in anticipo!

  2. #2
    Metti il tutto dentro ad un contenitore e per centrare solo in orizzontale usa margin:0 auto;
    altrimenti in orizzontale e verticale usa i margini negativo

  3. #3
    Caspita! Come ho fatto a non pensarci prima! Grazie mille.
    Riguardo al verticale: come ho detto purtroppo le immagini hanno dimensioni variabile, quindi non posso centrarle in modo assoluto: devo rassegnarmi o c'è qualche altro modo?
    Grazie ancora!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.