Leggi gli ultimi interventi sul forum
 
You are here: Sky ForumWebSviluppo webCssAllineare verticalmente le immagini al testo
: [1]
Allineare verticalmente le immagini al testo
Allineare verticalmente le immagini al testo
« : May 25, 2008, 07:05:40 pm »

Se si vuole allineare un'immagine al testo in maniera tale che essa stia alla sinistra e che contemporaneamente il testo risulti all'altezza del centro dell'immagine bisogna disporre con float l'immagine a sinistra e con vertical-align stabilire l'allineamento dell'immagine stessa con il resto del documento. Potrebbe poi essere necessario evitare che in una parte del testo vengano allineate delle immagini a destra o a sinistra per farlo basta usare clear (left, right, both) per far sì che i lati vengano ripuliti dai float.  ;)
Code: (html4strict) [Select]
<p>
<img src="pathimmagine/immagine.jpg" alt="la tua immagine" />
Testo allineato con la tua immagine
</p>
     
Code: (css) [Select]
p img{
vertical-align:middle;
float:left;
}
  • Aldo
  • user
  • *
  • Offline Offline
  • : 80
  •  
Re: Allineare verticalmente le immagini al testo
« #1 : May 25, 2008, 07:20:12 pm »

Se si vuole allineare un'immagine al testo in maniera tale che essa stia alla sinistra e che contemporaneamente il testo risulti all'altezza del centro dell'immagine bisogna disporre con float l'immagine a sinistra e con vertical-align stabilire l'allineamento dell'immagine stessa con il resto del documento. Potrebbe poi essere necessario evitare che in una parte del testo vengano allineate delle immagini a destra o a sinistra per farlo basta usare clear (left, right, both) per far sì che i lati vengano ripuliti dai float.  ;)
Code: (html4strict) [Select]
<p>
<img src="pathimmagine/immagine.jpg" alt="la tua immagine" />
Testo allineato con la tua immagine
</p>
     
Code: (css) [Select]
p img{
vertical-align:middle;
float:left;
}

Buono a sapersi... funziona anche con altri tipi di "blocco" oltre che immagini, no?

Astrac - www.astrac.org
Re: Allineare verticalmente le immagini al testo
« #2 : May 25, 2008, 07:25:02 pm »

Buono a sapersi... funziona anche con altri tipi di "blocco" oltre che immagini, no?
Dovrebbe, ma siamo sempre su un terreno minato per via dei float, dei position, dei clear, degli IE...  :ff:
: [1]
You are here: Sky ForumWebSviluppo webCssAllineare verticalmente le immagini al testo
: