This will hopefully be easy for someone who knows CSS better than I do.
I'm loading all of the pictures in a folder to an update panel dynamically.
I want to add the name of the image directly below the image.
These should display inline.
When the image/filenames exceed the width available, I want them to wrap and create a new row of image/filenames.
In other words, display the image as it would typically display, but put the corresponding filename under each image.
I thought this would be as easy as:
.div1 {
display:inline;
}
.div2{
text-align:center;
width:80;
}
<div1>
<div2>(pic) <br/> (name)</div> <div2>(pic) <br/> (name)</div>...etc
</div>
but that isn't working.
CSS is my ultimate time killer. Can anyone tell me what I'm doing wrong?
This is for an intranet application where users will be on IE 7 (I know), but i'm interested in cross browser friendly solutions.
Thanks everyone... I'm two days in and running out of ways to Google my problem.
If you ever decide to move to modern development, these captioning techniques become available.
Cd&