Foros del Web » Creando para Internet » CSS »

vincular url de una imagen en css

Estas en el tema de vincular url de una imagen en css en el foro de CSS en Foros del Web. Hola, necesito incluir las direcciones de unos iconos en la hoja de estilo.. de tal forma que tenga por ejemplo dos clases .icono1{ } .icono2{ ...
  #1 (permalink)  
Antiguo 10/10/2005, 11:26
 
Fecha de Ingreso: octubre-2005
Mensajes: 53
Antigüedad: 12 años, 2 meses
Puntos: 1
vincular url de una imagen en css

Hola, necesito incluir las direcciones de unos iconos en la hoja de estilo..

de tal forma que tenga por ejemplo dos clases

.icono1{

}

.icono2{

}

y que segun la que elija me obtenga la imagen de una url o de otra..

se puede hacer esto??

he intentado con el atributo src pero no se puede poner el el css...

sugerecias..¿?

gracias.
  #2 (permalink)  
Antiguo 10/10/2005, 15:11
 
Fecha de Ingreso: marzo-2004
Ubicación: Córdoba
Mensajes: 239
Antigüedad: 13 años, 9 meses
Puntos: 0
Perdon, lo que buscas es poner una imagen que se encuentra alojada en otro sitio? mmm bueno si es eso tan simple seria asi:


. icono1 { background-image: url(http://www.dominio.com/imagen.png) }

.icono2 { background-image: url(http://www.dominio.com/imagen2.png) }

pero dudo de si quieres simplemente eso.
cuenta mejor a ver!!!
__________________
Un gran desarrollador de soluciones webs -
-----------------------------
  #3 (permalink)  
Antiguo 10/10/2005, 17:18
Avatar de fullmental  
Fecha de Ingreso: octubre-2004
Ubicación: México DF, Xochimilco
Mensajes: 593
Antigüedad: 13 años, 2 meses
Puntos: 3
a ver si esto te puede ayudar...

1
si quieres que muestre algo cuando eliges una u otra lo puedes hacer como ya te dijeron con backgroun-image... solo tienes que darle el ancho y alto de tu imagen de fondo y de preferencia un display:block;

2
otra pseudo clase que te puede ayudar es after y before:
Código:
.icono1:before {content:url(images/icono1.gif)}
.icono2:before {content:url(images/icono2.gif)}
  #4 (permalink)  
Antiguo 10/10/2005, 19:48
 
Fecha de Ingreso: marzo-2004
Ubicación: Córdoba
Mensajes: 239
Antigüedad: 13 años, 9 meses
Puntos: 0
pues yo no le recomendaría los pseudos after y before, ya que estos no son soportados por Internet Explorer.
saludos
__________________
Un gran desarrollador de soluciones webs -
-----------------------------
  #5 (permalink)  
Antiguo 11/10/2005, 02:02
 
Fecha de Ingreso: octubre-2005
Mensajes: 53
Antigüedad: 12 años, 2 meses
Puntos: 1
Bien, asi se podria hacer.. pero solo se puede asignar esa clase a una celda y no a una imagen, que seria lo mejor no?

es decir, lo ideal seria que yo pueda hacer
<img class="icono1" width="193" height="50">

pero me da que no se puede no?

entonces tendria que reservar un hueco (exacto) en una celda y hacerlo asi.. pero claro me sale la imagen en su tamaño normal, y si esta es mas grande que el espacio reservado queda mal....

si quiero reducir la imagen en la css que propiedad debo utilizar?
  #6 (permalink)  
Antiguo 16/10/2005, 14:24
Avatar de fullmental  
Fecha de Ingreso: octubre-2004
Ubicación: México DF, Xochimilco
Mensajes: 593
Antigüedad: 13 años, 2 meses
Puntos: 3
Cita:
Iniciado por juanchilo
pues yo no le recomendaría los pseudos after y before, ya que estos no son soportados por Internet Explorer.
saludos
disculpa pero ¿que es explorer?
  #7 (permalink)  
Antiguo 16/10/2005, 20:35
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
El navegador de Microsoft.

Aunque el before y after no le veo mucho sentido en este caso. Son entre otras cosas para agregar algo antes y después de un elemento... valga la redundancia.
  #8 (permalink)  
Antiguo 10/07/2010, 12:43
Avatar de Movingaway  
Fecha de Ingreso: enero-2010
Mensajes: 149
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: vincular url de una imagen en css

Yo probe el BEFORE pero nada, tengo el siguiente:

Código:
.soportegeek {
	font-family: tahoma;
	font-size: 12px;
	color: #636466;
	background-image: url(images/soportegeek_01.gif);
	background-repeat: no-repeat;
	background-position: left;
Asi tendria que quedar:
Código:
.soportegeek {
	font-family: tahoma;
	font-size: 12px;
	color: #636466;
	background-image: before {content:ACA LA URL (CARPETA DE LA IMAGEN)}
	background-repeat: no-repeat;
	background-position: left;
Pero no me funciona
  #9 (permalink)  
Antiguo 10/07/2010, 12:46
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: vincular url de una imagen en css

Movingaway, revisa la fecha de los post, este tiene 5 años. Y no te funciona por que así no se usa el pseudo elemento before: http://www.w3schools.com/CSS/pr_pseudo_before.asp

Saludos
__________________
Grupo Telegram Docker en Español
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 06:42.