subtitulo (usando CSS) en imagen con style="float:right"o style="float:left"

[bhagat]

Hola amigos/as
Estoy creando mis primeras webs con CSS y estoy prescindiendo en lo posible el uso de tablas.
Las imagenes las estoy insertando en el flujo del texto con el style="float:right" o style="float:right" y funciona correctamente.
Ahora la persona que me encargó el site quiere que ponga un subtitulo con explicaciones bajo la imagen, me pregunto como se puede hacer esto con CSS en lugar de recurrir a usar tablas.

Si alguien tiene idea de como hacerlo agradezco sus respuestas.

Un saludo

[SiR.CARAJ0DIDA]

pone la imagen dentro de un div con float y abajo de la imagen un simple parrafo..

[bhagat]

Gracias, ha funcionado, pero para poner las frases bajo las imagenes he tenido que hacer algo que no sabia que se pudiese hacer con DIV y es concatenarlos, tipo las tablas, curiosamente me apareció en un e-mail mensual de desarrollo web.

Al final lo he logrado así:
<DIV float:right>
<div id="a" > imagen </div>
<div id="b" > frase </div>
</DIV>

[baccxus]

Puedes hacerlo así:

<div>
<img href="imagen"..../><br />
Frase Frase Frase Frase Frase Frase Frase Frase Frase Frase Frase Frase Frase
<div>

[bhagat]

Pues asi como dices, usando <br> no habia manera, ¡Ya sabes los misterios de la informatica! sin embargo lo logré anidando divs, como lo expliqué en el post anterior.

Ademas si lo hago con los divs, puedo darle el estilo que quiera, diferenciado del div de la imagen.

puedes ver el ejemplo de donde saqué el resultado en este enlace

http://www.desarrolloweb.com/articulos/2038.php

donde te explica como hacer este ejemplo

http://www.desarrolloweb.com/articul...-sencillo.html


Gracias de todos modos.

[juanchilo]

Es mucho más acertada tu decisión de utilizar <div> antes de los casi obsoletos <br>. Cumple mas con el estandar y te traerá mas reditos a la hora de indexar mejor en buscadores como google.
un saludo y aguante el NO uso de tablas je

[Durgeoble]

¿<p>texto</p>? y esto si cumple el estandar :)

[juanchilo]

Al final lo he logrado así:
<DIV float:right>
<div id="a" > imagen </div>
<div id="b" > frase </div>
</DIV>

me refiero a que esto es lo correcto