Foros del Web » Creando para Internet » CSS »

crar links con imagenes de tamaño dinamico

Estas en el tema de crar links con imagenes de tamaño dinamico en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/11/2008, 10:24
Avatar de djagu_26  
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 518
Antigüedad: 9 años, 10 meses
Puntos: 6
crar links con imagenes de tamaño dinamico

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
__________________
"La magia no existe, la programacion si"

A/P Agustin Sivoplas
[email protected]
  #2 (permalink)  
Antiguo 28/11/2008, 21:09
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: crar links con imagenes de tamaño dinamico

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:59.