Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538

    Tag <div>, sto impazzendo

    Avrei bisogno di inserire dei div affiancati, però quando provo a scrivere nel codice

    <div>blabla</div>
    <div>blabla</div>

    va automaticamente a capo dopo ogni div.

    come potrei fare?

    ho trovato il modo di affiancarne due (usando float:left; e float:right ma nn mi basta.

    qualcuno mi può aiutare?

  2. #2
    Ti sei risposto da solo.
    In sostanza se tu ne vuoi mettere tre suddividi ulteriormente uno dei due.
    Piccolo esempio con 2:

    <div id="1" style="float:left"></div>
    <div id="2" style="float:right"></div>

    Piccolo esempio con 3:

    <div id="1" style="float:left">
    <div id"suddivisione1" style="float:left"></div>
    <div id"suddivisione2" style="float:right"></div>
    </div>
    <div id="2" style="float:right"></div>

    Poi dai le impostazioni nel css.

    Potresti suddividerlo anche di più.
    Chiaro il concetto?

  3. #3
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    mmm nn c'è un altra maniera "più elegante" ?

  4. #4
    Perchè, cos'ha di inelegante questa? :master:

  5. #5
    Originariamente inviato da lorenzos
    Perchè, cos'ha di inelegante questa? :master:
    in effetti fa un po' schifo
    div è un elemento di blocco percui ti va accapo...
    basta dirgli display:inline nel CSS e sei a posto
    però mi viene da chiedermi perchè non usi span che è fatto apposta per queste situazioni...hai degli elementi di blocco all'interno dei div?

  6. #6
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    beh il fatto che i tre div a livello logico dovrebbero stare tutti sullo stesso piano, invece due sono identati in un altro,.... nn so se mi sono spiegato, vè un fatto di eleganza del codice

  7. #7
    Io nelle guide ho sempre visto questo come modo di fare layout a tre colonne...

  8. #8
    Utente di HTML.it L'avatar di buba88
    Registrato dal
    Feb 2004
    Messaggi
    538
    ho risolto usando gli attributi position:absolute e position:relative

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.