Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 24

Discussione: DIV affiancati

  1. #1

    DIV affiancati

    Ho un problema con due livelli. Entrambi devono apparire nella stessa linea, uno a destra e una a sinistra, per questo ho fatto così:
    codice:
    .contenitore {
    	width: 760px;
    	display: block;
    }
    .main {
    	width: 560px;
    	float: right;
    	display: block;
    	background: #FFFFFF;
    	border-right: 1px solid #000000;
    }
    .menuleft {
    	width: 200px;
    	float: left;
    	display: inline;
    	background: #FFFFFF;
    	border-left: 1px solid #000000;
    }
    .
    .
    .
    <div class="contenitore">
    <div class="menuleft"></div>
    <div class="main"></div>
    </div>
    Io vedo solamente il livello di destra di colore bianco, mentre il livello di sinistra non lo vedo per niente.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  2. #2
    No, ora il DIV lo vedo, però sono su due righe diverse, come faccio per metterli su una sola riga????
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  3. #3
    che intendi sulla stessa riga? :master:

    il display:inline sul float credo che non abbia effetto.

    forse vuoi che allungandosi uno faccia lo stesso pure l'altro? In questo caso devi annidare quello che sarà sempre più lungo dentro quello più corto oppure usare lo sfondo del contenitore e darne uno diverso al div più lungo ma visto che usi lo stesso sfondo non capisco cosa vorresti ottenere.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

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

    Re: DIV affiancati

    Originariamente inviato da Federix
    codice:
    .contenitore {
    	width: 760px;
    	display: block;
    }
    .main {
    	width: 599px;
    	float: right;
    	display: block;
    	background: #FFFFFF;
    	border-right: 1px solid #000000;
    }
    .menuleft {
    	width: 199px;
    	float: left;
    	display: inline;
    	background: #FFFFFF;
    	border-left: 1px solid #000000;
    }
    .
    .
    .
    <div class="contenitore">
    <div class="menuleft"></div>
    <div class="main"></div>
    </div>
    devi tirare via dal width i px che dai di border e di padding.

    i display a che servono?

  5. #5
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da Jerry Masslo
    non capisco cosa vorresti ottenere.
    2 box affiancati

  6. #6
    Utente bannato
    Registrato dal
    Jun 2004
    Messaggi
    194
    i bordi contano come dimensioni... devi togliere 2 px dalle dimensioni dei blocchi

  7. #7
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da Steph
    i bordi contano come dimensioni... devi togliere 2 px dalle dimensioni dei blocchi
    1px

  8. #8
    Originariamente inviato da Steph
    i bordi contano come dimensioni... devi togliere 2 px dalle dimensioni dei blocchi
    Perfettoooooooooo!!!!!!!!!!!!!! :mavieni:

    Grazie a tutti per l'aiuto.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  9. #9
    Utente bannato
    Registrato dal
    Jun 2004
    Messaggi
    194
    Originariamente inviato da span
    1px
    no xche` 1?? 2px uno x ciascun box... ho provato anche sulla mia volpe di fuoco....

  10. #10
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da Steph
    no xche` 1?? 2px uno x ciascun box... ho provato anche sulla mia volpe di fuoco....
    ah, si... intendevo 1 per box ... anche due da uno... è vero

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.