markup
<p class="lfigure"><img />Caption</p>
CSS
.lfigure{
float:left;
text-align:center; /*to center description*/
}
.lfigure img{
display:block;
}
On 7/26/05, Bert Doorn <[EMAIL PROTECTED]> wrote:
G'day
> I just want to display image with a shrto description below it.
> And i want that combination to float.
> What is the right semantic markup for this thing. IS it right to use this
> <p class="lfigure">
> <img />
> <span></span>
> </p>
Should be no need for the span if you do this:
.lfigure img { display:block }
<p class="lfigure"><img />Caption</p>
And maybe it should be a div rather than a p(aragraph). To float
the paragraph (or div), add a width to .lfigure and give it a
float:left or float:right as appropriate.
HTH
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
--
gl&hf,
akella.
