ciao ragà
ho un probblema con questo:
<button type="submit" class="ciao">testo1<button>
il "testo1" viene visualizzato leggermente spostato verso il basso del bottone
mi chiedevo se c' è un modo per risolvere il probblema(a parte quello di disegnare il "testo1" con un programma di grafica direttamente sul bottone)
ecco un esempio:
Prova ad impostare un font-size la metà dell'altezza dell'input, non dichiarare l'altezza dell'input e a definire il line-height uguale al doppio del font-size (l'altezza originaria dell'input).
non funziona neanche adesso
Errore mio
L'altezza deve essere definita in egual misura dell'interlinea:
codice:CSS .inputButton{ border : 0; display : inline-block; margin :0; background :red; color : white; font-size : 1em; line-height : 2em; height : 2em; } XHTML <input class="inputButton" type="button" value="prova pulsante input" />
ho scritto esattamente il codice che mi hai dato e viene fuori questo
Il mio era solo un esempio.
omunque sembra che il testo sia correttamente allineato, no?
ho notato che questo probblema c' è con firefox, ma un po meno con explorer
Questo dipende da come il "box" che racchiude il carattere viene concepito dal motore di rendering.
La differenza credo sia talmente minima da essere trascurabile.
Se proprio non ami il risultato puoi ovviare sovrapponendo al pulsante un'immagine contenente il testo correttamente posizionato (overlay) attraverso javascript.
Questo fa sì che non si perda l'accessibilità del contenuto.
il probblema è che sul bottone che intendo usare questo effetto si nota molto
Permessi di invio
Rispondi quotando