Foros del Web » Creando para Internet » HTML »

Alineación imagen+texto

Estas en el tema de Alineación imagen+texto en el foro de HTML en Foros del Web. Hola; Mi pregunta es: ¿como puedo controlar la separación entre la imagen y el parrafo de texto? con el ejemplo que pongo me aparece todo ...
  #1 (permalink)  
Antiguo 16/05/2003, 02:29
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 21 años, 1 mes
Puntos: 2
Alineación imagen+texto

Hola;

Mi pregunta es: ¿como puedo controlar la separación entre la imagen y el parrafo de texto? con el ejemplo que pongo me aparece todo muy junto y yo quiero dejar espacio entre imagen alineada a la izquierda y el parrafo de texto que bordea la imagen (sin utilizar tablas)

Ejemplo:

<IMG SRC="../images/foto.jpg" ALIGN="left">bla, bla, bla, bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,bla, bla, bla,


Gracias
__________________
¿Por qué Uri Geller doblaba cucharas?
  #2 (permalink)  
Antiguo 16/05/2003, 02:33
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Hola txarly,

puedes usar el atributo vspace y hspace para manejar el espacio vertical y horizontal respectivamente

<img src="foto.jpg" hspace="10">

Eso dejará un espacio de 10 pixels a los lados de tu imagen

  #3 (permalink)  
Antiguo 16/05/2003, 02:42
Avatar de txarly  
Fecha de Ingreso: marzo-2003
Ubicación: Eibar (Gipuzkoa)
Mensajes: 455
Antigüedad: 21 años, 1 mes
Puntos: 2
Muchas gracias. Perfecto ¡¡¡
__________________
¿Por qué Uri Geller doblaba cucharas?
  #4 (permalink)  
Antiguo 16/05/2003, 02:49
Avatar de diedote  
Fecha de Ingreso: mayo-2003
Ubicación: Avilés
Mensajes: 72
Antigüedad: 20 años, 11 meses
Puntos: 0
Yo lo hago con estilos y me funciona. Siempre acostumbro a meter el texto dentro de una etiqueta <p> y en una hoja de estilos definir dicha etiqueta más o menos asi:

p {..., ..., margin-left: 3 px, margin-right: 3px}

Supongo que entenderás lo que te digo pero de todas formas el margin-left indica los pixeles que separas el texto del margen izquierdo más próximo y el margin-right lo mismo pero del margen derecho más próximo.

Un saludo y espero que esto te sirva de ayuda

__________________
Echale un vistazo a... http://www.ayto-aviles.es
  #5 (permalink)  
Antiguo 16/05/2003, 02:59
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Yo pongo
margin:5px 15px 5px 15px ;
es más rápido. El primer número es arriba el segundo derecha el tercero abajo y el último izquierda.

Una cosa que no sabía, se pueden separar las definiciones de estiilo con comas en vez de puntos y comas? Voy a probar!

__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.

Última edición por KarlanKas; 16/05/2003 a las 03:01
  #6 (permalink)  
Antiguo 16/05/2003, 03:43
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Cita:
Mensaje Original por KarlanKas
Una cosa que no sabía, se pueden separar las definiciones de estiilo con comas en vez de puntos y comas? Voy a probar!
Pues yo diría que no funciona.

Saludos,
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 08:40.