Re: [WSG] displaying 2 photos with captions
On 28/3/05 12:43 PM, "Vicki Berry" <[EMAIL PROTECTED]> wrote: > My personal approach is to use put captions in a inside the div, and > style that separately. (So if your div is #image, then just use #image p > which will style all s inside that div.) > > The reason I do this is because I may want to place widths or margins on the > caption that I may *not* want on the div itself. A very good point. I hadn't thought about long captions which will need width restrictions to preserve the layout. Thanks for this tip! Hope ** 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] displaying 2 photos with captions
On 28/3/05 11:21 AM, "Scott Limmer" <[EMAIL PROTECTED]> wrote: > Place each image/caption combination inside a div and float both of them > to the left. As long as the combined width of the two divs isn't greater > than the width of the parent element they should appear next to each > other without any troubles. Works like a charm! Thanks for that. I had tried two different approaches that just wouldn't work. I've had to add, however, an empty div with a "clear: both" after the photos to prevent the following paragraphs of text from creeping into any leftover space to the right of the photos. > As a side note I'd suggest doing your captions differently also. Rather > than using a em/strong tag on every caption place it in a span with a > class. Then apply the styles to that class. That way you don't have to > write em/strong everytime you have a caption, and you can change the > look of all captions easily if the need arise. Thanks for this suggestion. I've actually put the definition for the captions as part of the definition for the image div so that it automatically formats the captions as I type without having to use a span. (I've also dropped the em tag as, at least on the Windows machines I have, italic is rendered very jaggedly even though on my old Mac it looks beautiful -- but at least 99% of the client's customers seem to be using Windows, so it's got to look good for them!) Thanks for your help! Hope Stewart ** 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] displaying 2 photos with captions
Hope Stewart wrote: Help wean me from tables! I'm a WSG newbie. I created my first table-less website -- a very basic pro-bono site -- in January. It was a good learning experience, but now I'm tackling a more complicated site for a paying client and need some help. Within the main content div, I need to include photos with captions within a grey box. When there is just one photo, I can do this. See draft: http://www.harbourmarine.com/draft/products/capstans3.html But most of the time I will need to have two photos side-by-side of varying sizes and with captions. Using a table, I can do this in a flash. See: http://www.harbourmarine.com/draft/products/capstans2.html But I believe this is an inappropriate and unnecessary use of a table. How do I replace this table with divs? There will be many product pages like this one, but the photos will vary in size. Hope Stewart ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** Place each image/caption combination inside a div and float both of them to the left. As long as the combined width of the two divs isn't greater than the width of the parent element they should appear next to each other without any troubles. As a side note I'd suggest doing your captions differently also. Rather than using a em/strong tag on every caption place it in a span with a class. Then apply the styles to that class. That way you don't have to write em/strong everytime you have a caption, and you can change the look of all captions easily if the need arise. Scott Limmer ** 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] Style part of form field
Hi all I would like to be able to give a different style to *part* of an option field within a form. I cannot seem to find any reference to whether the following is possible: Name (with photo) Name (with photo) Name (with photo) Ideally the words within the tags would be styled differently to those outside. Can anyone shed any light on this please? -- XERT Communications email: [EMAIL PROTECTED] office: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production ** 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] displaying 2 photos with captions
Help wean me from tables! I'm a WSG newbie. I created my first table-less website -- a very basic pro-bono site -- in January. It was a good learning experience, but now I'm tackling a more complicated site for a paying client and need some help. Within the main content div, I need to include photos with captions within a grey box. When there is just one photo, I can do this. See draft: http://www.harbourmarine.com/draft/products/capstans3.html But most of the time I will need to have two photos side-by-side of varying sizes and with captions. Using a table, I can do this in a flash. See: http://www.harbourmarine.com/draft/products/capstans2.html But I believe this is an inappropriate and unnecessary use of a table. How do I replace this table with divs? There will be many product pages like this one, but the photos will vary in size. Hope Stewart ** 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] Asterisks in W3C spec
On 15 Mar 2005, at 18:10, Sigurd Magnusson wrote: I keep seeing asterisks in the W3C spec but cannot see a glossary anywhere. As an example, with the img element in xhtml 1.1, the attributes 'src' and 'alt' are both marked with an asterisk. Why? http://www.w3.org/TR/xhtml-modularization/ abstract_modules.html#s_imagemodule It means it is a required attribute. http://www.w3.org/TR/xhtml-modularization/abstraction.html#sec_4.1. (sorry this response is late) Dean ** 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] XHTML 1.1 Presentation Module
Douglas, Personal attacks are not acceptable on this list and, in most cases, offenders will be unsubscribed. "The list administrators reserve the right to unsubscribe any member from the list. Reasons include: Unfriendly, abusive, disrespectful or rude behaviour..." http://webstandardsgroup.org/mail/guidelines.cfm If you have something to add, make it relevant to the topic, rather than attempting to derail the discussion with petty remarks. Ben WSG Core ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
