Foros del Web » Creando para Internet » CSS »

Que la imagen quede rodeada por texto, sin utilizar FLOAT

Estas en el tema de Que la imagen quede rodeada por texto, sin utilizar FLOAT en el foro de CSS en Foros del Web. Hola, he intentado de todo para que una imagen me quede: a la derecha + rodeada por texto + sin FLOAT Es posible ? NEcesito ...
  #1 (permalink)  
Antiguo 07/10/2006, 11:09
 
Fecha de Ingreso: junio-2006
Mensajes: 329
Antigüedad: 11 años, 5 meses
Puntos: 1
Que la imagen quede rodeada por texto, sin utilizar FLOAT

Hola,

he intentado de todo para que una imagen me quede:

a la derecha
+ rodeada por texto
+ sin FLOAT

Es posible ?

NEcesito el mismo efecto del viejo [ALIGN="RIGHT"], donde la imagen quedaba a la derecha, pero el texto iniciaba desde arriba he iva bajando...

Ahora necesito lo mismo, pero sin FLOAT.

Puedo hacerlo ?

Gracias.
  #2 (permalink)  
Antiguo 07/10/2006, 11:22
 
Fecha de Ingreso: julio-2005
Mensajes: 127
Antigüedad: 12 años, 5 meses
Puntos: 0
Creo que usando float es la manera de hacerlo, cual es la razón para no poder usar floats?
  #3 (permalink)  
Antiguo 07/10/2006, 17:49
 
Fecha de Ingreso: junio-2006
Mensajes: 329
Antigüedad: 11 años, 5 meses
Puntos: 1
Gracias,

El motivo es que el grafico y el textoestan en un div con borde y al lado hay OTRO div, y si el texto no es bastante, el grafico que SOBRE el borde, asi que se ve HORRIBLE...

Quisiera saber si puede hacer SIN float.
  #4 (permalink)  
Antiguo 07/10/2006, 19:36
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 13 años, 5 meses
Puntos: 4
no lo veo posible, si pones un ejemplo del problema que tenes quizas hay una solucion...
__________________
Internet Explorer SuckS
Download FireFox
  #5 (permalink)  
Antiguo 07/10/2006, 19:39
Avatar de lostdolly  
Fecha de Ingreso: octubre-2006
Ubicación: en mi casa!!
Mensajes: 9
Antigüedad: 11 años, 2 meses
Puntos: 0
me pueden ayudar a mi al respecto??? como puedo hacer q una imagen este
rodeada de texto, es q cuando lo intento hacer aparece la imagen arriba
o abajo pero no junto al texto! :(
  #6 (permalink)  
Antiguo 07/10/2006, 20:09
 
Fecha de Ingreso: octubre-2005
Mensajes: 419
Antigüedad: 12 años, 1 mes
Puntos: 0
Cita:
Iniciado por lostdolly Ver Mensaje
me pueden ayudar a mi al respecto??? como puedo hacer q una imagen este
rodeada de texto, es q cuando lo intento hacer aparece la imagen arriba
o abajo pero no junto al texto! :(
usa el atributo float, un ejemplo:

Código HTML:
<img src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif" style="float:left">
texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto  texto  texto  texto  texto 
 texto  texto  texto
__________________
GraficasWeb.com / Diseño y Desarrollo Web en Mexico
info @ graficasweb.com E-mail / MSN
  #7 (permalink)  
Antiguo 09/10/2006, 11:32
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Y para que NO esté junto al texto... ¿?
puedes usar un margin: 0px 0px 50px 50px;
  #8 (permalink)  
Antiguo 14/05/2009, 06:21
 
Fecha de Ingreso: junio-2008
Ubicación: Hermosillo, Sonora, México
Mensajes: 32
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Que la imagen quede rodeada por texto, sin utilizar FLOAT

Postie otro tema mas o menos con el mismo problema, mi problema es que si le asigno float:left la imagen no se ve en Internet Explorer, aunque si me aparece correctamente en el codigo

las propiedades de la imagen son estas

padding:5px;
background:#000000;
margin:0 20px 5px 0;
float:left;

SUBI LAS IMAGENES PARA QUE VEAN MEJOR EL EFECTO QUE SE PRODUCE

EN FIREFOX
h t t p : / / img354.imageshack.us/img354/3333/imagenfloatleftfirefox.jpg

EN INTERNET EXPLORER
h t t p : / / img413.imageshack.us/img413/3128/imagenfloatleftie.jpg

Última edición por chriszitro; 14/05/2009 a las 06:35
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 13:29.