Re: [WSG] List with image and paragraph - help
At 4/18/2007 07:14 AM, Jim Callender wrote: I want to create an inline styled list, with two elements inside this list which are block level > 1st level: An image which will be coded, and 2nd Level: a line of text underneath the image. ie: A list with two elements, one sitting under the other in the same list item. Is it best to create a unordered list and have another list within this? Using nested lists for this seems like overly heavy markup to me. Many people use the definition list for image/caption pairs (although there's disagreement over whether an image and its caption qualify as a term and its description; personally I don't have a problem with the metaphor). Google CSS DEFINITION LIST GALLERY for many examples and discussions. An example using a definition list: http://juniperwebcraft.com/what_websites.php (This example has several differentiated text blocks per image, but the principal still applies to a simpler image-and-caption model.) An example of using an unordered list with an image and paragraph in each list item: http://tm-athletics.com/jackets_materialsLeather.php (scroll down to swatches) Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] List with image and paragraph - help
Hi, The best way to do it would depend entirely on what you want to do, i.e. code your list according to its semantics and stucture. Inside each inline list item you have an image and text - in your example these are each contained within their own link tag. Are the href destinatiobns the same? If not, what is the relationship between them? If both links have the same destination then its best to have only one link and hence no sublists. If the links have different destinations with a relationship between them, then 'submenu' structure you use in your example would be appropriate. Yours, Stuart On Wed, April 18, 2007 3:14 pm, Jim Callender wrote: > Hi all, > > I want to create an inline styled list, with two elements inside this list > which are block level > 1st level: An image which will be > coded, and 2nd Level: a line of text underneath the image. > > ie: A list with two elements, one sitting under the other in the same list > item. > > Is it best to create a unordered list and have another list within this? > > > > > > > text > > > > > --- > > Would appreiciate URL examples if anyone has any. > > -- > Regards, > > Jim Callender > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- Stuart Foulstone. http://www.bigeasyweb.co.uk BigEasy Web Design 69 Flockton Court Rockingham Street Sheffield S1 4EB Tel. 07751 413451 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] List with image and paragraph - help
Hi all, I want to create an inline styled list, with two elements inside this list which are block level > 1st level: An image which will be coded, and 2nd Level: a line of text underneath the image. ie: A list with two elements, one sitting under the other in the same list item. Is it best to create a unordered list and have another list within this? text --- Would appreiciate URL examples if anyone has any. -- Regards, Jim Callender *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***