Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Div con blocchi affiancati

    Ho una tabella da cui in php leggo un'immagine e la rappresento, insieme alla descrizione. Vorrei che sotto l'immagine ci venga la descrizione, scrivendone 4 per riga. Per fare questo ho messo un contatore che al quarto ciclo mi stampa un "br" io vorrei che ad ogni ciclo mi venisse stampata l'immagine e la descrizione sotto, e accanto la successiva e via discendo. Ho provato <DIV style="inline"> ma non funziona. Non so dove sbattere la testa aiutatemi.. grazie!

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Supponiamo che la larghezza della tua pagina sia X.
    Quindi se vuoi avere 4 div affiancati Z = X/4 (arrotondamento per difetto all'unità) è la larghezza del singolo div

    Ipotizzo blocchi alti 200px

    codice:
    <div style="float: left; height: 200px; width: Zpx">
      ...foto...
      ... descrizione
    </div>
    <div style="float: left; height: 200px; width: Zpx">
      ...foto...
      ... descrizione
    </div>
    <div style="float: left; height: 200px; width: Zpx">
      ...foto...
      ... descrizione
    </div>
    <div style="float: left; height: 200px; width: Zpx">
      ...foto...
      ... descrizione
    </div>
    a questo punto ogni 4 div ne crei uno vuoto (con uno spazio dentro) cosi:

    codice:
    <div style="clear: both; display: block; visibility: hidden; font-size: 0; height: 0;"> </div>

    Ciao
    -Fab-
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.