[Othalan]

Ciao ragazzi, sono un neofita ed ho questa situazione:

Sintassi: html [ Scarica ] [ Nascondi ]

Sintassi: html [ Scarica ] [ Mostra ]

1. <div style="height:95px;border-bottom:1px solid #d5d5d5;"><img style="margin-top:21px;margin-left:20px" src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/icon_mail.png" alt="email" /><h3 style="margin-left:72px;">Mandaci una mail!</h3></div>

Il risultato però è che il testo va in basso in confronto all'immagine ed io lo vorrei centrato.

Ho notato, tramite FireBug, che il margin-top dell'immagine c'entra qualcosa...ma non so dove sbattere la testa...
Ho provato line-height, vertical-align, padding etc...ma niente.

Come potrei risolvere? Vi ringrazio per le risposte.

[gleenk]

Ciao, dal tuo codice così come è praticamente impossibile risponderti, più che altro perchè chissà quali valori css stanno ereditando img e h3. A ragion veduta, ed in linea generale, dovresti controllare le proprietà display dei 2 elementi. Ad ogni modo per centrare il testo devi usare text-align:center e, se l'immagine non è in display block, lo stesso vale per l'immagine. Purtroppo di più dal codice fornito non saprei ipotizzare

[antoscarface]

prova ad aggiungere un

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. line-height:95px

allo stile in linea del div.

[Othalan]

Ciao, dal tuo codice così come è praticamente impossibile risponderti, più che altro perchè chissà quali valori css stanno ereditando img e h3. A ragion veduta, ed in linea generale, dovresti controllare le proprietà display dei 2 elementi. Ad ogni modo per centrare il testo devi usare text-align:center e, se l'immagine non è in display block, lo stesso vale per l'immagine. Purtroppo di più dal codice fornito non saprei ipotizzare

Guarda, apparte h3 che eredita un line-height (insieme da h1 ed h2) il resto non eredita nulla...

[Othalan]

Ciao, dal tuo codice così come è praticamente impossibile risponderti, più che altro perchè chissà quali valori css stanno ereditando img e h3. A ragion veduta, ed in linea generale, dovresti controllare le proprietà display dei 2 elementi. Ad ogni modo per centrare il testo devi usare text-align:center e, se l'immagine non è in display block, lo stesso vale per l'immagine. Purtroppo di più dal codice fornito non saprei ipotizzare

Guarda, apparte h3 che eredita un line-height (insieme da h1 ed h2) il resto non eredita nulla...

Allora, ho risolto aggiungendo un display:block ed un float:left all'immagine e al testo è bastato un semplice line-height.

Vi ringrazio per l'aiuto.

[gleenk]

Bene