Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di madquake
    Registrato dal
    Jun 2008
    residenza
    Manchester
    Messaggi
    85

    Problemi con l'allineamento dei <div>

    Salve a tutti
    Ho ricominciato veramente da poco ad occuparmi di web design. Ai "miei tempi" si utilizzavano le tabelle, ma ho scoperto il magnifico tag <div>.
    Purtroppo lo so usare ancora poco bene. Da quello che ho capito questo tag è un contenitore. ci si mette dentro di tutto (come nelle vecchie tabelle) ma sono più pratici. Sto facendo delle prove, ma ho un problemone. Se io inserisco due <div> una di seguito all'altra mi si posizionano uno sotto l'altro... Come posso metterli invece uno di seguito ad un altro? O magari tre o più affiancati in orizzontale? Vi ringrazio infinitamente dei consigli che mi darete... Buona serata a tutti.

    P.S. Questo è il codice che ho utilizzato [preso un pò da siti e un pò dalla mia fantasia]


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <style type="text/css">
    div.ex
    {
    width:220px;
    padding:10px;
    border:5px solid gray;
    margin:0px;
    }
    </style>
    </head>

    <body>
    [img]250px.gif[/img]



    <div class="ex">The line above is 250px wide.

    Now the total width of this element is also 250px.</div>



    Note: In this example we have added a DOCTYPE declaration (above the html element), so it displays correctly in all browsers.</p>

    </body>
    </html>

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349

    Re: Problemi con l'allineamento dei <div>

    Originariamente inviato da madquake
    Se io inserisco due <div> una di seguito all'altra mi si posizionano uno sotto l'altro...
    comportamento normale, sono elementi di tipo blocco

    Come posso metterli invece uno di seguito ad un altro? O magari tre o più affiancati in orizzontale?
    usando i float
    leggi qui: http://css.html.it/guide/lezione/39/...y-float-clear/


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.