RE: [WSG] image + title

[Drake, Ted C.]

I prefer the definition list approach.
There may be arguments if it is semantically proper, but I like to put the
image in the dt and the caption in the dd.
Ted


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Terrence Wood
Sent: Tuesday, July 26, 2005 7:11 AM
To: wsg@webstandardsgroup.org
Cc: Terrence Wood
Subject: Re: [WSG] image + title

Russ has a method for creating an image gallery from definition lists  
at  
http://www.maxdesign.com.au/presentation/definition/dl-image- 
gallery.htm

kind regards
Terrence Wood.

On 27 Jul 2005, at 1:34 AM, akella wrote:

> 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
> 
> 
> 
> 
> or may be there is some kind of microformat for this situation?
>
>
> --
> gl&hf,
> akella.

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] image + title

[Bert Doorn]

G'day again


so the perfect one would look like this markup
Caption
CSS
.lfigure{
float:left;
text-align:center; /*to center description*/
}
.lfigure img{
display:block;
}


Nothing is perfect in this world :-)   You'll need to give the 
float a width but other than that it looks about right to me.


You might also want to add margin-right to .lfigure so text that 
wraps around the float has a little "breathing space".


Regards
--
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
**

Re: [WSG] image + title

[akella]

so the perfect one would look like this
markup
Caption
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> 
> > > Should be no need for the span if you do this:.lfigure img { display:block }Caption
And maybe it should be a div rather than a p(aragraph).  To floatthe paragraph (or div), add a width to .lfigure and give it afloat: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.

Re: [WSG] image + title

[Terrence Wood]

Russ has a method for creating an image gallery from definition lists  
at  
http://www.maxdesign.com.au/presentation/definition/dl-image- 
gallery.htm


kind regards
Terrence Wood.

On 27 Jul 2005, at 1:34 AM, akella wrote:


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





or may be there is some kind of microformat for this situation?


--
gl&hf,
akella.


**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

Re: [WSG] image + title

[Bert Doorn]

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






Should be no need for the span if you do this:

.lfigure img { display:block }

Caption

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
**

[WSG] image + title

[akella]

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




or may be there is some kind of microformat for this situation?
-- gl&hf,akella.