Visualizzazione risultati 1 fino 15 di 15

Discussione: Allineare 3 div in una riga

  1. #1
    Guest

    Exclamation Allineare 3 div in una riga

    E' possibile allineare 3 div in una riga?
    usando il tag "float", in questo modo non allinea niente:
    <div style="float:right">1</div><div style="float:center">2</div><div style="float:left">3</div>... come posso fare?

  2. #2
    Guest

    Predefinito

    float: center?
    Sarebbe meglio studiare un pò, comunque leggi qui: http://forum.it.altervista.org/basi-...ineamento.html

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da biccheddu Visualizza messaggio
    float: center?
    Sarebbe meglio studiare un pò, comunque leggi qui: http://forum.it.altervista.org/basi-...ineamento.html
    Già... avevo letto sto post e lo cercavo, ma non riuscivo a trovarlo.
    Grazie.

  4. #4
    Guest

    Predefinito

    Ricorda che di float ne esistono solo due: right e left. Poi c'è none, che annulla uno di questi float e rende l'elemento così come deve essere.

  5. #5
    Guest

    Predefinito

    Io ho avuto lo stesso problema molto recentemente, e me la sono cavata con una tabella con bordo 0 (quindi invisibile) delle dimensioni dei tre div che dovevo inserire.
    Un trucchetto sporco, però mi basta che funzioni :P

  6. #6
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Potresti provare ad usare la proprietà display:inline-block, oltre ad un'adeguata larghezza, altezza e gestione dell'overflow.

    Il risultato sarà che i tre "contenitori" saranno visualizzati come degli elementi non-paragrafo, mentre i "contenuti" saranno gestiti come degli elementi paragrafo.

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  7. #7
    Guest

    Predefinito

    Io ti consiglio di leggerti la Guida al layout dei siti con i css di HTML.it, perchè ti fa vedere proprio come creare quel'leffetto insieme a molti altri.
    Comunque potresti scrivere nel css:
    position: absolute;
    display: inline;
    e come margin left e right metti dei valori che li rendano vicini.

    Dovrebbe funzionare, ma leggiti la guida perchè a mente non sono sicuro di averti detto bene.
    Ultima modifica di fileuniverse : 30-11-2009 alle ore 12.53.49

  8. #8
    Guest

    Predefinito

    Citazione Originalmente inviato da Clan1990 Visualizza messaggio
    Io ho avuto lo stesso problema molto recentemente, e me la sono cavata con una tabella con bordo 0 (quindi invisibile) delle dimensioni dei tre div che dovevo inserire.
    Un trucchetto sporco, però mi basta che funzioni :P
    Infatti, nulla di più semplice xD
    Allinea i 3 DIV sullo stesso <tr> es:

    <table>
    <tr>

    <td>
    <div></div>
    </td>

    <td>
    <div></div>
    </td>

    <td>
    <div></div>
    </td>

    </tr>
    </table>

  9. #9
    Guest

    Predefinito

    Che senso ha usare i div con float dentro a delle tabelle?

  10. #10
    Guest

    Predefinito

    Bhé perché era una cosa molto semplice, che però è da utilizzare quando proprio non si hanno alternative...
    Qua hai ragione, servirebbe proprio a poco xD
    PS sono Extrabrowsergame

  11. #11
    Guest

    Predefinito

    Citazione Originalmente inviato da thewebmaker Visualizza messaggio
    Bhé perché era una cosa molto semplice, che però è da utilizzare quando proprio non si hanno alternative...
    Qua hai ragione, servirebbe proprio a poco xD
    PS sono Extrabrowsergame
    E' questo il problema ormia, per mancanza di voglia si ricorre alla cosa più facile, ma non si pensa al reale utilizzo che si dovrebbe avere dei tag.
    In questo caso le tabelle, a priori, non serve a niente perchè non bisogna farci dei layout.

  12. #12
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da dementialsite Visualizza messaggio
    Potresti provare ad usare la proprietà display:inline-block, oltre ad un'adeguata larghezza, altezza e gestione dell'overflow.

    Il risultato sarà che i tre "contenitori" saranno visualizzati come degli elementi non-paragrafo, mentre i "contenuti" saranno gestiti come degli elementi paragrafo.

    Stammi bene...
    I tried so hard, and got so far, but in the end... it doesn't even matter...

    Statemi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  13. #13
    Guest

    Predefinito

    Con IE8 però non si vede, ma si vedono uno sotto l'altro!

  14. #14
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    È vero... un po' strana la cosa. Ho provato a sistemarla un po', ma non riesco a capire perché funzioni su un altro sito che ho realizzato così e non su questa stupida paginetta...

    Statemi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  15. #15
    Guest

    Predefinito

    Ma nel modo postato da me, cosa c'è di sbagliato? Se si deve mettere il fix anche per IE6 basta aggiungere una condizione con un margin che è la somma della grandezza del div flottante e il margine impostato.

Regole di scrittura

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