Foros del Web » Creando para Internet » CSS »

Rodear una capa con texto

Estas en el tema de Rodear una capa con texto en el foro de CSS en Foros del Web. Saludos a todos Necesito rodear una tabla con texto, como si maquetase para una revista o un periodico. He intentado hacerlo de la misma manera ...
  #1 (permalink)  
Antiguo 27/03/2007, 03:40
 
Fecha de Ingreso: agosto-2004
Mensajes: 312
Antigüedad: 19 años, 7 meses
Puntos: 0
Rodear una capa con texto

Saludos a todos

Necesito rodear una tabla con texto, como si maquetase para una revista o un periodico.

He intentado hacerlo de la misma manera que al rodear una imagen pero no hay manera

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <img src='imagen.jpg' align='right'>

De esta manera si que lo maqueta bien, pero al tratar de hacerlo con una tabla no

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <table align='right'><tr><td><img src='imagen'><br>pie de foto</td></tr></table>

Tampoco me sirve meter el texto en una celda y la imagen en otra porque si el texto es mas largo que la imagen no queda bien y lo que quiero es que el texto rodee la imagen.

He probado con capas pero tampoco me ha salido bien

No se si he explicado bien mi problema.

Gracias por la ayuda
  #2 (permalink)  
Antiguo 27/03/2007, 03:54
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Re: Rodear una capa con texto

Hola chemon

Prueba con: <table style="float:right">

Saludos,
  #3 (permalink)  
Antiguo 27/03/2007, 04:27
 
Fecha de Ingreso: agosto-2004
Mensajes: 312
Antigüedad: 19 años, 7 meses
Puntos: 0
Re: Rodear una capa con texto

Gracias por la respuesta JavierB

Pero no me sale. Con lo que me has dicho he buscado algo en internet y veo que si que funciona, pero al hacer pruebas con mi codigo no me va.

He copiado y pegado ejemplos de internet pero no me funciona

Ves que es lo que tengo mal escrito?

<td align="left">
<div class="Estilo19">prueba pruebav prueba v v prueba prueba v prueba prueba prueba prueba prueba pruebaprueba prueba prueba pruebapruebaprueba prueba prueba pruebaprueba
<div style='float:right; width:auto;'>
<table cellpadding='5'>
<tr><td align='center' width='120'><img src='imagenes/_41407901.jpg' width='120'></td></tr>
<tr><td align='left'>prueba1</td></tr>
</table>
</div>
</div>
</td>


Gracias por la ayuda

Voy a seguir mirando
  #4 (permalink)  
Antiguo 27/03/2007, 04:33
 
Fecha de Ingreso: agosto-2004
Mensajes: 312
Antigüedad: 19 años, 7 meses
Puntos: 0
Re: Rodear una capa con texto

Creo que ya he encontrado el error

Debo colocar la capa que contiene la imagen antes que el texto que la debe rodear.

El orden debería quedar de esta manera:

<td align="left">
<div style='float:right; width:auto;'>
<table cellpadding='5'>
<tr><td align='center' width='120'><img src='imagenes/_41407901.jpg' width='120'></td></tr>
<tr><td align='left'>prueba1</td></tr>
</table>
</div>
<div class="Estilo19">prueba pruebav prueba v v prueba prueba v prueba prueba prueba prueba prueba pruebaprueba prueba prueba pruebapruebaprueba prueba prueba pruebaprueba
</div>
</td>


Gracias por la ayuda
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:02.