Visualizzazione risultati 1 fino 2 di 2

Discussione: div in orizzontale

  1. #1
    Guest

    Predefinito div in orizzontale

    salve ragazzi non riesco a far visualizzare alcuni div in orizzontale con la possibilità di scrollarli in orizzontale, scusate la ripetizione.

    in pratica la pagina non dovrebbe mai scrollare sull'asse delle y, ho cercato di trovare una soluzione in altre chat ma nada proprio non va , comunque di seguito vi lascio un semplice script per farvi vedere come sto lavorando:


    Codice HTML:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .contenitore {
        overflow-x:scroll;
        overflow-y:hide;
        width:100%;
        height:140px;
        display:inline-block;
    }
    .stin {
        width:200px;
        height:100px;
        float: left;
    }
    </style>
    </head>
    <body>
    <div class="contenitore">
      <div class="stin" style="background-color:red;">
      </div>
      <div class="stin" style="background-color:green;">
      </div>
      <div class="stin" style="background-color:yellow;">
      </div>
      <div class="stin" style="background-color:black;">
      </div>
      <div class="stin" style="background-color:red;">
      </div>
      <div class="stin" style="background-color:blue;">
      </div>  
    </div>
    </body>
    </html>
    Grazie a tutti e buona giornata

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,067

    Predefinito

    Potresti risolvere impostando un ulteriore div contenitore a larghezza fissa. Non so però quanto sia una soluzione elegante:
    Codice HTML:
    <div class="contenitore">
    	<div style="width:1200px">
    	  <div class="stin" style="background-color:red;">
    	  </div>
    	  <div class="stin" style="background-color:green;">
    	  </div>
    	  <div class="stin" style="background-color:yellow;">
    	  </div>
    	  <div class="stin" style="background-color:black;">
    	  </div>
    	  <div class="stin" style="background-color:red;">
    	  </div>
    	  <div class="stin" style="background-color:blue;">
    	  </div>
    	</div>
    </div>
    Ciao!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •