Foros del Web » Creando para Internet » CSS »

Imágenes "envueltas"

Estas en el tema de Imágenes "envueltas" en el foro de CSS en Foros del Web. Buenas tardes, Llevo unos días trapicheando con la web que intento acabar de una vez pero me encuentro con un problemilla que seguro no requiera ...
  #1 (permalink)  
Antiguo 22/08/2009, 13:21
 
Fecha de Ingreso: mayo-2009
Mensajes: 62
Antigüedad: 8 años, 6 meses
Puntos: 0
Imágenes "envueltas"

Buenas tardes,

Llevo unos días trapicheando con la web que intento acabar de una vez pero me encuentro con un problemilla que seguro no requiera más de 1 o 2 líneas de CSS.

http://www.saludydeporteconsciente.es o .com, como guste.

La cuestión es que el cliente quiere que ponga imágenes en el texto, lo que pasa es que al añadirlas, éstas se alinean correctamente con el texto (por ejemplo, a la derecha) y son rodeadas por él, el problema llega cuando hay un nuevo <p> o un <ul> o un <h2>, que pegan un salto hasta quedar justo al pie de la foto (como un </br>.

Puede alguien decirme cómo diantres evitar ésta representación en bloque y que la imagen no provoque éstos saltos ?

Muchas gracias por la atención.

Atentamente, laylu.
  #2 (permalink)  
Antiguo 22/08/2009, 14:06
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Imágenes "envueltas"

eso pasa por que estas utilizando elementos de bloque (div,p,ul,h), prueba utilizando elementos de linea como un span asignandole una clase o id con los estilos que quieras.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 22/08/2009, 14:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imágenes "envueltas"

Flota las imágenes a derecha o izquierda y en el html colócalas fuera de los párragos, no dentro de ellos:
<img src="http://www.forosdelweb.com/f53/imagenes-envueltas-729424/.... />
<p>...</p>
<p>...</p>
<img src=".... />
<p>...</p>
<p>...</p>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 25/08/2009, 11:25
 
Fecha de Ingreso: mayo-2009
Mensajes: 62
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Imágenes "envueltas"

Buenas tardes,

Con el consejo de kseso? y un "clear: both" de <p>, todo resuelto.

Gracias a ambos por la ayuda.

Atentamente, laylu.
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 19:10.