[WSG] RE: digest for wsg@webstandardsgroup.org
Olajide I’ve had a quick look at your code and noticed this line: div align=center above the table... tag. Maybe this is the cause of the problem? Jane Trimmer Senior Website Developer SugarCat Publishing www.sugarcat.co.uk From: wsg@webstandardsgroup.org [mailto:[EMAIL PROTECTED] Sent: 26 June 2007 08:48 To: wsg@webstandardsgroup.org Subject: digest for wsg@webstandardsgroup.org From: Olajide Olaolorun [EMAIL PROTECTED] Date: Mon, 25 Jun 2007 18:45:15 -0400 Subject: Table Problem Can some help me with this problem: http://www.olajideolaolorun.com/problem.html Its right when i view it in Firefox, but in IE, its problematic. Can anyone help me out as to why it is not aligning right? -- Best Regards, Olajide Olaolorun ### Personal: http://www.olajideolaolorun.com Business: http://www.tripleo.biz ** Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ** No virus found in this outgoing message. Checked by AVG. Version: 7.5.476 / Virus Database: 269.9.6/865 - Release Date: 24/06/2007 08:33 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] A list of images with text under each image
Good Day All. This is not really a 'How To' post, but instead, id like to know your views on possible ways of marking up the images with links under each image, example : http://img181.imageshack.us/img181/1346/galltr8.gif (A rough mock-up sent to me by the client) Usually i would do either: dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl A ul would seem like a mess when adding the View and Buy links. But the thing that worries me is that this does not show good use of a Def. List because the image isn't exactly a Def. Term and the View and Buy arn't exactly Def. Descriptions are they? I could also think of other ways to do the same thing, by placing a span inside a li and using the span as a container for the image and the links but again, it gets a bit messy, messy mark-up is the last thing i want. Any thoughts on the matter greatly appreciated. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] A list of images with text under each image
I would probably use something like this ... (with h replaced with the level heading required) ul li ha href=img src= alt=/a/h ul lia href=View/a/li lia href=Buy/a/li /ul /li li ha href=img src= alt=/a/h ul lia href=View/a/li lia href=Buy/a/li /ul /li /ul Darren. On 26/06/07, Jamie Collins [EMAIL PROTECTED] wrote: Good Day All. This is not really a 'How To' post, but instead, id like to know your views on possible ways of marking up the images with links under each image, example : http://img181.imageshack.us/img181/1346/galltr8.gif (A rough mock-up sent to me by the client) Usually i would do either: dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl A ul would seem like a mess when adding the View and Buy links. But the thing that worries me is that this does not show good use of a Def. List because the image isn't exactly a Def. Term and the View and Buy arn't exactly Def. Descriptions are they? I could also think of other ways to do the same thing, by placing a span inside a li and using the span as a container for the image and the links but again, it gets a bit messy, messy mark-up is the last thing i want. Any thoughts on the matter greatly appreciated. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] A list of images with text under each image
On Behalf Of Jamie Collins Good Day All. This is not really a 'How To' post, but instead, id like to know your views on possible ways of marking up the images with links under each image, example : http://img181.imageshack.us/img181/1346/galltr8.gif (A rough mock-up sent to me by the client) Usually i would do either: dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl Any thoughts on the matter greatly appreciated. http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp HTH --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] A list of images with text under each image
Thats what im already doing, but the question was, is it really the correct way to do it? It just seems like that a DL is being used because its the easy to work with, and its infact not the right tool for the job. On 6/26/07, Thierry Koblentz [EMAIL PROTECTED] wrote: On Behalf Of Jamie Collins Good Day All. This is not really a 'How To' post, but instead, id like to know your views on possible ways of marking up the images with links under each image, example : http://img181.imageshack.us/img181/1346/galltr8.gif (A rough mock-up sent to me by the client) Usually i would do either: dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl Any thoughts on the matter greatly appreciated. http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp HTH --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Opera and Decimal Percentage Widths
Hello list, I have a test page set up at http://lab.christianmontoya.com/point-nine-nine-percent/ and on this page the 3rd and 4th rows have divs with 49.6% and 49.99% widths, respectively. These behave as expected in Firefox, Safari, and IE, but in Opera 9+ their widths are the same as 49%. It seems that Opera 9+ just doesn't do fractional sizes. Is this a bug in Opera? -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Opera and Decimal Percentage Widths
Christian Montoya schreef: Hello list, I have a test page set up at http://lab.christianmontoya.com/point-nine-nine-percent/ and on this page the 3rd and 4th rows have divs with 49.6% and 49.99% widths, respectively. These behave as expected in Firefox, Safari, and IE, but in Opera 9+ their widths are the same as 49%. It seems that Opera 9+ just doesn't do fractional sizes. Is this a bug in Opera? I'm not sure, but it could very well be. I once read something about an Opera bug concerning fractions. Can't remember what it was exactly though or where I read it (here maybe?). Anyway, I'm a big Opera fan so I try to forget these things ;-) cheers, Sander *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] A list of images with text under each image
Thierry Koblentz schreef: http://www.tjkdesign.com/articles/how_to_style_thumbnail_and_caption.asp Although I use dl maybe more often than some on this list think I should, I'm not sure whether I'd choose it for this job (the one Jamie is asking about). In the example given by Thierry the content in dd really says something about the image, in Jamie's gallery this is a bit different. Perhaps I'd choose a normal ul, but as I said: I'm not sure, maybe it depends on my mood. I guess you can do it both ways, and there will be pros and contras for both. cheers, Sander *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Opera and Decimal Percentage Widths
Christian Montoya wrote: Hello list, I have a test page set up at http://lab.christianmontoya.com/point-nine-nine-percent/ and on this page the 3rd and 4th rows have divs with 49.6% and 49.99% widths, respectively. These behave as expected in Firefox, Safari, and IE, but in Opera 9+ their widths are the same as 49%. It seems that Opera 9+ just doesn't do fractional sizes. Is this a bug in Opera? I do not know if it is considered a bug or simply a browser difference. And I am not sure I care. Either way, Opera will round fractional sizes. It is these individual software differences and idiosyncrasies that those of us who are in this merely for the fun of it cherish. Best, ~dL -- http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Opera and Decimal Percentage Widths
Quoting Christian Montoya [EMAIL PROTECTED]: Hello list, I have a test page set up at http://lab.christianmontoya.com/point-nine-nine-percent/ and on this page the 3rd and 4th rows have divs with 49.6% and 49.99% widths, respectively. These behave as expected in Firefox, Safari, and IE, but in Opera 9+ their widths are the same as 49%. It seems that Opera 9+ just doesn't do fractional sizes. Is this a bug in Opera? I'm not in the office so can't check now, but I believe this has been fixed in internal builds. It has at least for the rounding issue with ems over a certain value. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Opera and Decimal Percentage Widths
Quoting Christian Montoya [EMAIL PROTECTED]: Hello list, I have a test page set up at http://lab.christianmontoya.com/point-nine-nine-percent/ and on this page the 3rd and 4th rows have divs with 49.6% and 49.99% widths, respectively. These behave as expected in Firefox, Safari, and IE, but in Opera 9+ their widths are the same as 49%. It seems that Opera 9+ just doesn't do fractional sizes. Is this a bug in Opera? I'm not in the office so can't check now, but I believe this has been fixed in internal builds. It has at least for the rounding issue with ems over a certain value. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] A list of images with text under each image
dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl I'd be comfortable doing that, since I am happy to treat definition lists as the only available way to associate related information in this manner. Sure, it's a stretch of the semantics of definitions and terms but the element does still associate the DT and DDs. The UL+headers+nested lists option would also work, semantically speaking. Again it's not perfect but it does hammer together a way to associate the items. Realistically this one could be argued back and forth all day with no real way to resolve it - HTML4 just has a weakness in this area. HTML5 looks like it will have better elements for this sort of thing, but in the meantime - take your pick of the two options. IMHO, they're both ok. cheers, Ben -- --- http://weblog.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Fwd: Aligning text with images
Hi, I need to align image with the text which is quite happening in IE but not in Firefox. The page is uploaded at http://www.atulmangal.com/try/try.html If someone could please advice me on how to fix this in firefox would greatly be appreciated. Thanks! -- Warm Regards Preeti *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] A list of images with text under each image
I personally used the dl example for my clients page, which is the same mark up as mentioned http://www.jp2designs.com/design/clients On 6/27/07, Ben Buchanan [EMAIL PROTECTED] wrote: dl dta href= title=img src= alt=/a/dt dda href= title=View/a/dd dda href= title=Buy/a/dd /dl I'd be comfortable doing that, since I am happy to treat definition lists as the only available way to associate related information in this manner. - take your pick of the two options. IMHO, they're both ok. -- JP2 Designs http://www.jp2designs.com http://www.germworks.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Aligning text with images
Hi, I need to align image with the text which is quite happening in IE but not in Firefox. The page is uploaded at http://www.atulmangal.com/try/try.html If someone could please advice me on how to fix this in firefox would greatly be appreciated. Thanks! -- Warm Regards Harpreet *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
