crar links con imagenes de tamaño dinamico

[djagu_26]

Hola estoy empezando con css pero me encuentro que quiero crear links y ponerle una imagen de fondo, hasta aca vengo bien el problema es que la escritura de los links tienen distintos tamaños y tengo q hacer una imagen para cada link lo cual me imagino que debe debe una solución mejor a mi se me había ocurrido crear el fondo con tres imágenes dos que indican la esquina derecha y izquierda y otra q se debería repetir de izq a derecha como relleno dependiendo del largo del link..... alguien sabe como se puede hacer esto?

si tienen algún ejemplo o algun link se los agradeceria mucho

saludos

[Rafael]

Básicamente si se puede, la primer parte no con css, sino en el código html:

<a href="#">
<img src="1.png" width="20" height="30" alt="" border="0">
Texto interior
<img src="3.png" width="20" height="30" alt="" border="0"></a>

y una segunda parte en tu hoja de estilos:

a {background-image: url(2.png);}

El problema que vas a tener es que no puedes controlar mucho la posición del texto. Si el texto, por el tamaño del botón, está cargado hacia abajo, no puedes subirlo con padding-bottom, ya que también afectarás a las 2 imagenes de los lados.

Tendrías que meterle además un <span> al texto Interior </span>, quizá lo tendrás que convertir a bloque, asignarle margenes, flotarlo a la izquierda para que no se rompa el botón... y muchas cosas...

¿De plano son muuuuchos botones los que necesitas?

Otra opción es dejar los bordes fuera del link, para que fácilmente controles la posición del texto. En ese caso la zona sensible estará reducida al centro.