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>
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!
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.