Problema con estilo.

[helacer]

Buenas

Tengo un "boton en un reporte que genere". Realmetne no es un boton sino un href con un fondo que aparenta que fuese un botón con diseño.

No e logrado cuadrar para que el nombre del link quede centrado correctamente en el boton "juego con los valores pero no cuadra" ... me pueden ayudar, gracias

Código HTML:

<div style="margin-left:8px; background-image:url(images/botonpqtu.png); background-repeat:no-repeat; width:49px; height:29px;"><a title="Detalle" href="" target="_blank" style="text-align:center; padding-top:2px; font-weight:bold; text-decoration:none; width:auto; color:#fff; font-size:10px; background-image:none;" >VER</a></div> 

Asi se ve el boton.



Esta es la imagen de fondo.

[zerokilled]

aplica la propiedad text-align en el elemento <div>.

[helacer]

ya la coloque y sigue el problema, que mas puede ser?

Código HTML:

<div style="text-align:center; margin-left:8px; background-image:url(images/botonpqtu.png); background-repeat:no-repeat; width:49px; height:29px;"><a title="Detalle" href="" target="_blank" style="text-align:center; padding-top:2px; font-weight:bold; text-decoration:none; width:auto; color:#fff; font-size:10px; background-image:none;" >VER</a></div> 

[zerokilled]

no tengo idea, pero asi es como yo lo veo en chrome, iexplorer8, y firefox.

[helacer]

zerokilled gracias pero yo coloco el codigo que puse y se me ve mal en los navegadores... sera que le coloque mal el text align? o esta utilziando exactamente el segundo codigo que coloque?

[zerokilled]

la captura esta basada en el ultimo codigo que mostrastes con el unico cambio la ruta a la imagen, el cual no afecta en nada.