Pie de foto con CSS
Hola!
Estoy maquetando una noticia con una foto y el texto rodeándole. Y quiero poner un pie de foto. Ahora mismo h ay un contenedor para la foto y el pie. Y cuando el texto del pie crece se estira porque no puedo darle width ya q la foto puede cambiar de tamaño. Además el texto debe quedar centrado respecto a la foto...
Se tiene que poder hacer pero no lo consigo!!! Si alguien me da alguna idea? Gracias!!!
<code>
<div><div><img src="images/foto_prueba.jpg" alt="Elpie ser&aacute; el alt"><br><div>Lorem ipsum dolor sit amet et figuras mea sit amet et figuras mea.</div></div>Texto que si crece rodeará a la foto</div></code>
<code>div.cuerpo{
padding:10px 0px 10px 15px;
line-height:18px;
color:#333333;
font-size:0.9em;
}
div.cuerpo div.piefoto{
float:left;
padding:5px 18px 0px 0px!important;
padding:5px 15px 0px 0px;
background-color:#00FFFF;
}
.pietxt{
text-align:center;
font-size:0.8em;
color:#007c39;
display:block;
font-weight:bold;
}</code>
orange
¿Y tu problema es que no le puedes poner un Width al contenedor y si el texto es mayor que la foto no se produce un retorno de carro sino que amplia el contenedor?
Como no expliques más claramente tus dudas mal podremos ayudarte.
merytxiki
Sí perdón! mi problema es justo ese... que el pie se tiene que ajustar al tamaño de la foto y aparecer centrado respecto a la misma. Si le pongo un min-width y un max-width me funciona en firefox solo...
Mil gracias!