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

    Allineamento posizione Top dei div affiancati orizzontalmente

    Ciao a tutti,
    non riesco ad usare correttamente il posizionamento di due o più <div>.
    In particolare se li affianco orizzontalmente (float:left).
    Siccome non posso conoscere l'altezza del div in quanto il testo in esso contenuto è variabile, non riesco ad ottenere un allineamento corretto al "top" (praticamente mi "scalano" in funzione dell'altezza).

    Allego una immagine così forse mi spiego meglio
    test.jpg

    Questo il codice

    Codice PHP:
            <div>
                <
    div style=\"float:left\">
                    <img src=\"avatar_commenti.png\" style=\"float:left;margin-right:10px;margin-bottom:10px;\">
                </div>
                <div style=\"float:left\">
                      
    $nome_commento - $data_commento
                      <br>
                       Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea  commodo consequat. Duis aute irure dolor in reprehenderit in voluptate  velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint  occaecat cupidatat non proident, sunt in culpa qui officia deserunt  mollit anim id est laborum   
                </div>
            </div> 
    La larghezza stessa dei div non può essere fissa

    Grazie per ogni dritta.
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

  2. #2
    Utente di HTML.it L'avatar di stoneweb
    Registrato dal
    Jul 2016
    residenza
    Torino
    Messaggi
    162
    Il problema è che se non si dà una larghezza ai div quello con il testo lungo tenderà ad essere largo quanto il contenuto, quindi difficilmente starà affiancato a quello con l'immagine.
    Io ti consiglierei di usare flexbox altrimenti puoi dare una larghezza in percentuale a entrambi i div interni.
    Work hard. Code harder.

  3. #3
    Quote Originariamente inviata da stoneweb Visualizza il messaggio
    Il problema è che se non si dà una larghezza ai div quello con il testo lungo tenderà ad essere largo quanto il contenuto, quindi difficilmente starà affiancato a quello con l'immagine.
    Io ti consiglierei di usare flexbox altrimenti puoi dare una larghezza in percentuale a entrambi i div interni.

    Ho dato un'occhiata.... credo mi aiuterà molto.

    Grazie mille
    Dalla vita altrui attingeva la sua oscura magia...
    Membro del Sacro Ordine degli elfi oscuri di Kand

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 © 2024 vBulletin Solutions, Inc. All rights reserved.