Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344

    Impaginare foto una di fianco all'altra

    Ciao,
    ho una situazione del genere
    <tr>

    <td class="imgfloatv">
    [img]img/thumbnail/personal/111x70/bambini_111x70.jpg[/img]
    [img]img/thumbnail/personal/111x70/mare_111x70.jpg[/img]
    </td>

    </tr>
    visivamente le foto sono una sotto l'altra, io ne voglio una accanto all'altra e quando ho finito lo spazio una sotto l'altra.
    Come posso fare?
    Grazie,
    B.

  2. #2
    Hai provato a mettere entrambi i tag <img /> in uno stesso rigo??
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

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

  3. #3

    Re: Impaginare foto una di fianco all'altra

    Originariamente inviato da barnum
    Ciao,
    ho una situazione del genere
    <tr>

    <td class="imgfloatv">
    [img]img/thumbnail/personal/111x70/bambini_111x70.jpg[/img]
    [img]img/thumbnail/personal/111x70/mare_111x70.jpg[/img]
    </td>

    </tr>
    visivamente le foto sono una sotto l'altra, io ne voglio una accanto all'altra e quando ho finito lo spazio una sotto l'altra.
    Come posso fare?
    Grazie,
    B.

    cos'è imgfloatv ? Prova a postarlo.
    Probabilmente il problema è lì.

    Ciaux

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    344
    .imgfloatv {
    float: right width: 100%;
    margin-top:0 10px;
    margin-left: -100%
    margin-bottom:10px;
    width:70px;
    height:111px;
    margin : 20px;

    Grazie

  5. #5
    forse il problema sta in:

    codice:
    width:70px;
    se la 1° foto è larga 70, la 2° foto va a capo...

    se invece hai due foto da 35px di base, dovrebbero stare ancora su una stessa riga, la 3° foto va a capo... e così via.

    ciaux

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    sei in una cella... prova ad aggiungere:

    white-space: nowrap;

    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  7. #7
    soluzione definitiva

    le immagini che devono essere affiancate vanno contenute nel tag
    <NOBR>

    es:

    <nobr>
    [img]img/thumbnail/personal/111x70/bambini_111x70.jpg[/img]
    [img]img/thumbnail/personal/111x70/mare_111x70.jpg[/img]
    </nobr>

    nota che si tratta di un tag che esula dalle specifiche del W3C
    e nonostante funziona ottimamente
    Alberto is here

  8. #8
    ma perché... scusa...
    se tu inserisci più img nello stesso <TD> se non ci sono altri parametri, le foto vanno normalmente una dopo l'altra.

    a lui vanno a capo perché ha impostato: width:70px;

    quindi "finiti" i 70px le foto vanno a capo...

    non deve far altro che aumentare il 70... o mettere foto + piccole...

    poi posso anche mettere <nobr> (megio non usarlo), ma sarebbe come dire: ho una stanza da 10 persone ma ce ne ficco 50...


    ciaux

  9. #9
    secondo me lui ha l'esigenza tipo:

    1a immagine - 2a immagine - 3a immagine (a capo)
    4a immagine - 5a immagine - ecc (a capo)

    era questa la domanda?

    (nel caso <NOBR> va benissimo ...
    sennò perchè non una griglia interna ad una tabella??? )
    Alberto is here

  10. #10
    Comunque in imgfloatv c'è un errore di fondo, ci sono due width, e sicuramente prende solamente il secondo perché è scritto correttamente, mentre il primo non lo prende e pregiudica anche il corretto funzionamento dell'attributo float e di tutto lo stile.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

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

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.