Foros del Web » Creando para Internet » CSS »

Duda con imagen y link

Estas en el tema de Duda con imagen y link en el foro de CSS en Foros del Web. Cómo van?? Resulta que tengo una imagen .png que debe ir lado izquierdo de un link <a href>. La manera como logro que los dos ...
  #1 (permalink)  
Antiguo 12/10/2006, 15:17
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 8 meses
Puntos: 70
De acuerdo Duda con imagen y link

Cómo van??

Resulta que tengo una imagen .png que debe ir lado izquierdo de un link <a href>. La manera como logro que los dos estén juntos es haciendo una <div> para la imagen, otra para el vinculo y otra <div> "contenedor" para ubicar dentro de éste los otros dos, me parece que estoy utilizando muchas capas.

Mi pregunta es: es necesario hacerlo así o hay una manera mas practica de hacerlo, sin utilizar tantas capas pero que queden bien posicionados??

Gracias..
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #2 (permalink)  
Antiguo 12/10/2006, 22:03
Avatar de opeth  
Fecha de Ingreso: junio-2004
Ubicación: Distrito Federal, México
Mensajes: 338
Antigüedad: 19 años, 10 meses
Puntos: 0
poniendo display: block; a tu imagen y al vinculo quitando el div de estos ¿servira?. la verdad no se es lo que se me ocurre.

Saludos
__________________
Mi blog
  #3 (permalink)  
Antiguo 13/10/2006, 00:43
Avatar de kok
kok
 
Fecha de Ingreso: agosto-2006
Mensajes: 138
Antigüedad: 17 años, 7 meses
Puntos: 2
Yo me las arreglo con float para no poner tanto DIV (style="float: left;")
  #4 (permalink)  
Antiguo 13/10/2006, 08:43
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 8 meses
Puntos: 70
De acuerdo O.k

Lsto trataré de hacerlo para probar sus soluciones....

Gracias...
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #5 (permalink)  
Antiguo 13/10/2006, 15:43
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Y nota, un div no es una capa.
Cita:
sin utilizar tantas capas
  #6 (permalink)  
Antiguo 13/10/2006, 18:31
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 19 años, 7 meses
Puntos: 4
Hola a todos [as],

Buenas noches,

Que tal si intentamos usar padding-left para solucionar esto? hmmm veamos

Código:
a.imagen_a_la_izquierda:link
     {
text-decoration : none;
display : block;
width : 90px;
height : 15px;
margin : 0;
padding : 0 0 0 20px;
background : #fff url(directorio/de/la/imagen.gif) top left no-repeat;
}
Para esas declaraciones la imagen que llamemos tendría que tener las dimensiones de 15 por 15 px, yo lo he hecho así y me funca bien

Slds y suerte...
__________________
_______
Jorge Rojas.
  #7 (permalink)  
Antiguo 14/10/2006, 20:03
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 8 meses
Puntos: 70
Gracias por la ayuda...
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
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 02:30.