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

    L'immagine non si allinea con il testo

    Ciao a tutti,

    è più di un ora che stò sclerando perchè non riesco ad allineare l'immagine atom.jpg con il testo nel paragrafo di questo blog (vedi paragrafo in alto a destra).
    Ho già provato con i parametri align del img, ma niente di niente, l'immagine non si allinea mai con il testo.

    Come mai???

    e grazie in anticipo a tutti

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: L'immagine non si allinea con il testo

    Tu vorresti che l'immagine Atom venga subito dopo la parola "...file"?

    se si, posta il codice CSS di quel testo.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Re: L'immagine non si allinea con il testo

    se così fosse, devi scrivere il tag <img> nel paragrafo:


    Rimani sempre aggiornato su questo blog grazie al file [img]atom.jpg[/img]</p>

    il codice è il seguente:
    #container{
    width:298px;
    height:80px;
    margin:20px auto;
    border:1px solid red;
    text-align:left;
    }
    #container p{
    padding:0;
    margin:5px;
    font-size:80%;
    line-height:1.6em;
    }

    img{
    border:none;
    margin-left:3px;
    padding-top:5px;
    }

    ho creato un box nel quale mettere il paragrafo + l'immagine x farti vedere l'esempio. dal tuo css dovresti togliere, al tag img, il display:block; in quel caso una immagine "prende" tutto lo spazio a disposizione, fino ad "incontrare" l'ostacolo sul lato destro, cioè il border-right del box.
    ciao.
    P.S. Scrivi se è quello che volevi ottenere.


    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  4. #4
    Ciao floyd46,

    c'era infatti un display: block in img nel css.

    Ho creato unìaltra classe con display: inline e ora è tutto ok.


    Grazie mille


    buona giornata

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.