Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 30-ene-2005, 19:44   #1 (permalink)
xanthus está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago
Mensajes: 278
Enviar un mensaje por MSN a xanthus
Insertar Imagen a través de CSS

Hola!

¿Como puedo poner una imagen antes de un texto?
Me explico:

Texto

La imagen debería ser llamada por css, en este caso sería el emoticon que aparece arriba ( ) .

Saludos
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
xanthus está desconectado   Responder Citando
Antiguo 30-ene-2005, 20:46   #2 (permalink)
braulito está en el buen camino
 
Avatar de braulito
 
Fecha de Ingreso: abril-2004
Ubicación: Cusco - Perú
Mensajes: 554
Enviar un mensaje por ICQ a braulito Enviar un mensaje por MSN a braulito Enviar un mensaje por Yahoo  a braulito Enviar un mensaje por Skype™ a braulito
En CSS
Código:
.foo {
  padding-left: 10px;
  background-image: url('emoticon.gif');
  background-repeat: no-repeat;
  background-position: left;
}
en HTML
Código HTML:
<span class="foo">Texto</span>
Puedes cambiar el valor de padding-left dependiendo del tamaño de tu imagen.
__________________
Braulio Soncco
braulio at buayacorp dot com
Buayacorp - Programación y Diseño

Última edición por braulito; 30-ene-2005 a las 20:51.
braulito está desconectado   Responder Citando
Antiguo 30-ene-2005, 22:01   #3 (permalink)
xanthus está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago
Mensajes: 278
Enviar un mensaje por MSN a xanthus
Muxas graxias "braulito"
__________________
. .. La coherencia es el ultimo refugio de los que carecen de imaginación.. .
xanthus está desconectado   Responder Citando
Antiguo 01-feb-2005, 03:15   #4 (permalink)
Durgeoble ha deshabilitado el karma
 
Avatar de Durgeoble
 
Fecha de Ingreso: marzo-2003
Mensajes: 436
Enviar un mensaje por ICQ a Durgeoble Enviar un mensaje por MSN a Durgeoble Enviar un mensaje por Yahoo  a Durgeoble
Mucho mas sencillo

float: left;
float: rigth;

En las propiedades css de la imagen y segun lo quieras a la izquierda o a la derecha
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
Durgeoble está desconectado   Responder Citando
Antiguo 02-feb-2005, 02:42   #5 (permalink)
borjasanba está en el buen camino
 
Avatar de borjasanba
 
Fecha de Ingreso: febrero-2005
Ubicación: Asturias
Mensajes: 60
Decir que si usas float, para que el elemento de bloque siguiente no sea flotante, debes de darle la propiedad

clear: both;

Un saludo
borjasanba está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 19:01.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93