Hola gente,
soy nuevo por aquí y querría consultaros algo. A ver si podéis echarme una mano. El caso es que he conseguido color varias fotos dentro de un texto, algunas a la izquierda, otras a la derecha, con este código.
Cita: #innerContentColumn img.thumbi {
float: left;
margin-right: 14px;
margin-bottom: 4px;
margin-top: .5em;
padding: 2px;
border: 3px solid #dbd5c5;
background: #fffefa;
}
#innerContentColumn img.thumbd {
float: right;
margin-left: 12px;
margin-bottom: 4px;
margin-top: .5em;
padding: 2px;
border: 3px solid #dbd5c5;
background: #fffefa;
}
#innerContentColumn img.alt {
float: left;
margin: .5em 12px 6px 0;
}
#innerContentColumn img.plain {
border: none !important;
background: none;
}
#innerContentColumn img.sm {
margin-top: .2em;
margin-bottom: 4px;
}
#innerContentColumn a img.thumb:hover {
border-color: #fff;
background: #fff;
}
#innerContentColumn .figure {
float: right;
margin: .5em 0 6px 20px;
font-size: 92%;
color: #666b75;
text-align: center;
}
#innerContentColumn .figure dt img {
margin: 0 0 6px 0;
padding: 6px;
padding: 2px;
border: 3px solid #dbd5c5;
background: #fffefa;
}
#innerContentColumn .figure img.fig {
padding: 6px;
padding: 2px;
border: 3px solid #dbd5c5;
background: #fffefa;
}
#innerContentColumn img.alone, #content .block {
float: none;
margin-left: 0;
}
#innerContentColumn p.fig {
text-align: center;
}
La cuestión es que quisiera hacer que por defecto apareciera debajo de las imágenes un pie de foto, quizás con el texto que le ponga en el "alt" y con un fondo creado con una imagen, por ejemplo. ¿Cómo podría hacerlo?
A ver si alguien pudiera ayudarme, que estoy super perdido.