Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2013
    residenza
    Roma
    Messaggi
    8

    Come creare paragrafi con immagine a sinistra e testo a destra

    Vorrei creare una pagina dove per ogni paragrafo ho immagine a sinistra e testo a destra, il problema è che quando ho un numero di righe che supera la lunghezza dell'immagine il testo finisce sotto l'immagine invece che continuare a rimanere a sinistra.

    Ad esempio su questa pagina http://www.itsolutionslab.it/corso/c...oogle-adwords/ nel primo paragrafo "Descrizione del corso", il testo finisce sotto l'immagine.

    Come posso risolvere?
    Grazie

  2. #2
    Prova a vedere in Google, posizione testo immagine html; trovi tutto quello che vuoi, . . . almeno credo!

  3. #3
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    3
    Affianca due div. A sinistra img e destra testo.

  5. #5
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Quote Originariamente inviata da andreac81_ Visualizza il messaggio
    Vorrei creare una pagina dove per ogni paragrafo ho immagine a sinistra e testo a destra, il problema è che quando ho un numero di righe che supera la lunghezza dell'immagine il testo finisce sotto l'immagine invece che continuare a rimanere a sinistra.

    Ad esempio su questa pagina http://www.itsolutionslab.it/corso/c...oogle-adwords/ nel primo paragrafo "Descrizione del corso", il testo finisce sotto l'immagine.

    Come posso risolvere?
    Grazie
    devi in realtà creare due colonne, non avere il semplice float dell'immagine. Esempio:

    codice:
    <div class="itemBody">
    <img style="margin-bottom: 10px; margin-top: 10px; display:block; float:left" alt="Descrizione del Corso" src="Picture1-300x254.jpg" width="150" height="154" />
    <div style="margin-left:160px">
    <h3>Descrizione del corso</h3>
    <p>Il corso si propone di formare figure di ...</p>
    </div>
    </div>
    ho usato stili interni per far prima, ma converrà creare delle classi apposite sia per le immagini che per il div (avendo le immagini tutte la stessa larghezza il margin-left del div sarà sempre eguale)

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.