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

Respuesta
 
Herramientas Desplegado
Antiguo 17-mar-2008, 11:14   #1 (permalink)
Darucilla no se puede cailificar en este momento
 
Avatar de Darucilla
 
Fecha de Ingreso: febrero-2008
Mensajes: 12
Texto e imagen....

Muy buenas a todos!

Llevo un par de días peleandome con mi web.... Quiero poner un texto al lado de una imagen, pero lo único que consigo es que me quede la imagen y abajo de esta el texto.... Como podría hacer para que me saliese a la izquierda la imagen y a la derecha el texto que le corresponde????

Gracias!!!
Darucilla está desconectado   Responder Citando
Antiguo 17-mar-2008, 19:00   #2 (permalink)
ElJavista ha deshabilitado el karma
 
Avatar de ElJavista
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 567
Enviar un mensaje por MSN a ElJavista
Re: Texto e imagen....

Con html se puede, así: <img src="imagen.jpg" align="left"> Texto. Verás que sale a la izquierda la imagen.
ElJavista está desconectado   Responder Citando
Antiguo 18-mar-2008, 01:41   #3 (permalink)
Droid no se puede cailificar en este momento
 
Avatar de Droid
 
Fecha de Ingreso: marzo-2008
Ubicación: Hermosillo, Sonora, México.
Mensajes: 4
Enviar un mensaje por MSN a Droid Enviar un mensaje por Skype™ a Droid
Re: Texto e imagen....

Código:
<img src="imagen.jpg" align="left" />
Esta solución si bien es rápida no se recomienda por que estás mezclando contenido con presentación.

La solución correcta sería aplicar un class a la imagen de esta manera:

Código:
<img src="imagen.jpg" class="fotoizq" />
y ya en el CSS agregas

Código:
.fotoizq { float:left; margin: 0 10px 10px 0; }
Lo que hace este class es que flota la imagen dentro del texto, el margin hará que tenga un margen a la derecha y abajo de 10 px, este margen lo puedes variar a tu gusto.

Para flotarla a la derecha del texto:

Código:
.fotoder { float:right; margin: 0 0 10px 10px; }
saludos
Droid está desconectado   Responder Citando
Antiguo 18-mar-2008, 08:21   #4 (permalink)
Darucilla no se puede cailificar en este momento
 
Avatar de Darucilla
 
Fecha de Ingreso: febrero-2008
Mensajes: 12
Re: Texto e imagen....

Muchas graciaaas!!
Me ha quedado perfecto, justo como lo quería, con la imagen a la izquierda y su texto a la derecha!!!
Al final he seguido el consejo de Droid, y he creado en mi CSS una class para luego aplicarla a mi web

Un saludo y mil gracias!!! (una cosa menos con la que pelearme )
Darucilla 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 20:17.


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