Visualizzazione dei risultati da 1 a 6 su 6

Discussione: [CSS] box affiancati

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056

    [CSS] box affiancati

    Ho un problema insolito.
    Devo mettere due box affiancati, uno che contenga un'immagine, l'altro un link(testo).
    Questi box ripetuti verticalmente per il numero di immagini/link presenti nel mio db.

    Mi sembrava una cosa facile e invece il risultato è che il primo box viene posizionato correttamente, il secondo, invece di affiancarsi, si posiziona al di sotto dell'immagine, facendo cioè combaciare il suo angolo superiore destro con l'inferiore sinistro dell'immagine.

    Non so se son riuscita a spiegare?
    Posto magari l'immagine del problema e un pò di codice:

    [CODE]#lista {
    position:absolute;
    top:30px;
    left:0px;
    height:397px;
    width:250px;
    background-color:#FFFFFF;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
    overflow:auto;
    padding-right: 5px;
    border: 1px solid black;
    }

    .righe {
    position:relative;
    margin:0px;
    top:0px;
    left: 56px;
    height: 40px;
    width:160px;
    backgorund-color:#FFFFFF;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
    border:1px solid red;
    }
    .immaginesmall{
    position:relative;
    top: 0px;
    left: 0px;
    height: 51px;
    width: 51px;
    backgorund-color:#FFFFFF;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10px;
    overflow:left;
    border:1px solid red;
    Immagini allegate Immagini allegate

  2. #2
    Metti float:left; nel box sinistro e float: right; nel box destro.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

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

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    Oh che bello funziona!
    Non la sapevo mica sta cosa...

    Mi spieghi invece perchè lascia tutto sto spazio bianco???

    (ho corretto l'altezza del box dei link metendola uguale all'altezza delle immagini)

    grazie
    Immagini allegate Immagini allegate

  4. #4
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970
    lo spazio bianco è dato dal fatto ke un blocco ha float left, quindi va a sinistra.
    l'altro ha float right quindi va a destra.
    metti float left a quello ke è settato ora a right e si attaccano
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    Ehm,
    ho messo float left a entrambi ma ancora non si affiancano

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    okkei,
    ce l'ho fatta....

    Grazie mille a tutti!!!


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.