Visualizzazione dei risultati da 1 a 2 su 2

Discussione: allineare tre div

  1. #1
    Utente di HTML.it L'avatar di alkat
    Registrato dal
    Jan 2004
    Messaggi
    4,189

    allineare tre div

    ciao,
    vorrei sistemare tre div uno accanto all'altro, allineandoli al margine superiore. è possibile? quanto sono lontano?

    codice:
    <div style="margin: 0px; width: 500px; border: solid 1px;">
    <div style="width: 160px; padding: 0px; border: dotted 1px; float:left;">
    <p class="testo">Girone A:
    
    A.C. Liventina Gorghense
    
    F.C. Sudtirol Altoadige
    
    Vicenza Calcio.
    </p>
    </div>
    <div style="width: 160px; padding: 0px; border: dotted 1px; margin: 0px;">
    <p class="testo">Girone B:
    
    A.C. Sandonà 1922
    
    A.S.D. Futuro Giovani
    
    Bologna F.C.
    </p>
    </div>
    <div style="width: 160px; padding: 0px; border: dotted 1px; float:right;">
    <p class="testo">Girone C:
    
    A.C. Treviso
    
    Pordenone Calcio
    
    Modena F.C.
    </p>
    </div>
    </div>
    Passa a Windows, Linux, Mac, BSD, Atari, Amiga, Unix o alle schede perforate. Fa come ti pare.
    ***
    "There's probably no God. Now stop worrying and enjoy your life" - Atheist Bus in England

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: allineare tre div

    dai un float:left al div centrale, in questo modo:
    <div style="width: 160px; padding: 0px; border: dotted 1px; margin: 0px; float:left; ">
    <p class="testo">Girone B:

    A.C. Sandonà 1922

    A.S.D. Futuro Giovani

    Bologna F.C.

    Cmq mi pare proprio il caso, questo, in cui tu debba usare delle tabelle. In fin dei conti sono dati che devi inserire, o no?
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

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.