RE: [WSG] table inside a dd?
Thanks Ben and Christian for the replies, Ben thanks particularly for the links. Based on the accessibility bonuses of the methods you suggested I might opt out of the def list route and use headings. Thanks again. Tim -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Benjamin Hawkes-Lewis Sent: Monday, 17 August 2009 5:47 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] table inside a dd? On 17/08/2009 06:18, Tim MacKay wrote: I am marking up product nutritional information and am thinking of doing it like so: dl dt The Product /dt dd Paragraph blurb about the product /dd dd table .etcTabular data of the nutritional information/.etc /table /dd /dl Is nesting the table within the def list valid markup? Yes. I'd tend to suggest using headings (or headings inside a list) instead of a definition list, so that each product has an entry in the effective document outline: h2The Product/h2 pblurb/p table captionNutritional information/caption ... /table More practically, this allows non-mouse users of Opera (http://www.opera.com/browser/tutorials/nomouse/) or assistive technology (http://www.freedomscientific.com/Training/Surfs-up/Navigating.htm) to skip effectively from one product to another, and surfaces the products in assistive technology heading lists. Some assistive technology does have some support for definition lists, but it's not especially pretty, which isn't surprising given the HTML spec suggests using the element for terms and descriptions, and also for dialogs: http://www.webaim.org/discussion/mail_message.php?id=11226 -- Benjamin Hawkes-Lewis *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] table inside a dd?
Hi all, Is it semantic markup to include a table of items ( in this case a nutritional information table ) as the contents of a dd within a definition list? I am marking up product nutritional information and am thinking of doing it like so: dl dt The Product /dt dd Paragraph blurb about the product /dd dd table .etcTabular data of the nutritional information/.etc /table /dd /dl Is nesting the table within the def list valid markup? Thanks J Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] macpro and softwares..
Hi, I'd just like to add one to the FTP list - FireFTP firefox plugin. I was using Cyberduck on my Powerbook and found it a bit clumsy, FireFTP works right in firefox and works just as well as FileZilla. Best, Tim MacKay -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Russ Weakley Sent: Friday, 6 March 2009 6:04 AM To: Web Standards Group Subject: Re: [WSG] macpro and softwares.. Hi Naveen, Here are some resources to try... Testing Try Parallels (though there are others out there apparently equal or better?). This allows you to install multiple versions of Windows - which means you can test IE6/7/8 in different versions. http://www.parallels.com/ HTML/CSS Editors BBEdit - http://www.barebones.com/products/bbedit/ Coda - http://www.panic.com/coda/ CSS Edit - http://www.macrabbit.com/cssedit/ skEdit - http://www.skti.org/skedit/ TextMate - http://macromates.com/ FTP CyberDuck - http://cyberduck.ch/ Fetch - http://fetchsoftworks.com/ Transmit - http://www.panic.com/transmit/ Browsers Camino - http://caminobrowser.org/ Demeter - http://www.hurrikenux.com/Demeter/ Firefox- http://www.mozilla.com/en-US/firefox/ Flock - http://www.flock.com/ Icab - http://www.icab.de/dl.php Lynxlet - http://habilis.net/lynxlet/ Netscape - http://browser.netscape.com/ OmniWeb - http://www.omnigroup.com/applications/omniweb/ Opera - http://www.opera.com/ Safari - http://www.apple.com/safari/ SeaMonkey - http://www.seamonkey-project.org/ Shiira - http://shiira.jp/en/ Sunrise - http://habilis.net/lynxlet/ Good luck! Russ I used to work in a windows system and now I am working in a macbook pro. how can I test my webpages for IE. Is there any IE installers available for mac? Also pls let me know what are the softwares available for a UI developer for Mac. Naveen Bhaskar *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] transitional vs. strict
@Ben Buchanan: Are the points you raised true or were you mentioning them as things to feed bottom-line oriented people? The point I'm most interested in is this one: If they're an SEO type, mention that valid sites tend to index more consistently in search engines (validation doesn't guarantee high ranking, but it is still a major part of any serious, ethical SEO) Is that proven to be true? Genuinely curious. Cheers, Tim From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ben Buchanan Sent: Wednesday, 30 April 2008 9:06 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] transitional vs. strict Pages that validate as strict are superior to transitional because ___. It is important to serve pages that validate as strict because ___. ...validation is a quality metric, and we want a quality web presence. Given that you're dealing with someone that has no interest in standards, I wouldn't attempt to convince them that they are inherently good. From your description, they don't care and they're unlikely to start caring! :) If they're a bottom-line type, mention that you will be able to maintain the site more efficiently (ie. less cost). If they're an SEO type, mention that valid sites tend to index more consistently in search engines (validation doesn't guarantee high ranking, but it is still a major part of any serious, ethical SEO). Your question about strict vs. transitional also begs the questions how close to strict are they?. If they could almost validate as strict already, then cool - go for strict. If they are miles off because hundreds of users would need to be trained to produce strict, I'd live with transitional and work on a strategy that doesn't require training hundreds of users to be standardistas. 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] :: Footer not resting at bottom of page ::
Hi Amrinder, I would recommend this solution; it was given to me from a member of this list a few months ago and worked great. http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom Best Regards, Tim From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of ?? ? Sent: Tuesday, 22 April 2008 4:00 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] :: Footer not resting at bottom of page :: #wrapper { min-height:100%; } is not enough + * html #wrapper { height:100%; } html, body{ height:100%; } #footer { margin-top:-50px;/* margintop = -(this height)*/ } 2008/4/22, Kepler Gelotte [EMAIL PROTECTED]: I have problem with the footer of my website: www.awayback.com it is not staying at bottom of the page. Things are fine in case of low resolution i.e. 1024x768 but in high resolution screens (1200x1024) footer is hanging mid way and not at bottom of the page. Hi Amrider, I would suggest adding another div id=wrapper around div id=masthead ... div id=footer with a min-height of 100%: div#wrapper { min-height: 100%; } This should keep the footer at the bottom of the page on short pages. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Dreamweaver8
Hi, I would recommend Aptana Studio as well for hand coding. I just downloaded it and so far its great. Although one thing I miss about dreamweaver is that you can do a 'search all' and get a list of all instances of the thing you are searching for rather than cycling through a 'find...find...find...' list. So far it's the only program I've used that does that and I really notice not having it. HTH, Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nancy Gill Sent: Monday, 7 April 2008 6:20 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Dreamweaver8 I learnt some DW last year with a CS3 trial but its a bit heavy like I mentioned. I should find a DW8 tomorrow in a mag. The biggest reason to upgrade would be Spry. Other than that .. there wasn't a lot in the CS3 version other than some CSS stuff and a few improvements here and there. Ah I was right about Drew is'nt he from 'All in the Head' too? Funny name for a site lolol That's Drew. ;) He did have some unique names .. he doesn't appear to do a lot with Dreamweaver any longer. Nancy *** 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] Validating Flash
Hi List, My question is about embedding Flash on html pages (just certain elements - not talking about full flash sites). I always get errors from HTML Tidy and the validator about the object and embed tags, which wrecks my validated markup. What is the standards-compliant way to embed Flash elements so that my site validates and stops throwing errors? Thanks, Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Why is u deprecated?
I agree with the reasoning but in practice I think its actually better to use b and i (maybe not so much u) - sometimes you just want something bold and its much less markup to wrap b and i instead of span class=bold [which in itself creates the conumdrum of separating markup from presentation: what do you call this class??]some text/span then .bold { font-weight: bold; etc; etc; } I hope they don't deprecate it completely, it is useful when you don't want something to be strong for screen readers, just bold text. My 2 cents. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mahendran Venkatesan Sent: Thursday, 27 March 2008 4:19 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Why is u deprecated? The presentational elements such as b, i, s and u are deprecated as because it can be achieved by CSS. For example, u can be achieved by text-decoration: underline;. I think, em and strong have been left for screen readers to understand the emphasize part. Thanks! Venkatesan M On Thu, Mar 27, 2008 at 9:58 AM, Kepler Gelotte [EMAIL PROTECTED] wrote: Hi, I am just curious if anyone can explain why the u tag has been deprecated while b and i are still allowed. Thanks in advance. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] background images in HTML emails..
Hi Naveen, Unfortunately, HTML emails offer very little support for background images. Outlook 2007 doesn’t render them at all, I think some of the major webmail clients do, but gmail and Windows Live mail do not. It is very frustrating but the more you do it and realize what is possible you know where you can be creative, etc. All text has to be on flat background colours (background colours are fine). Think in terms of tables, and think HTML 1.0, font face tags and all. It goes against everything we talk about on this list, but its just the way it is. Visit this link: http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_1.html Ive printed it out and keep a copy by my desk. If it’s not too late change the design, if all else fails then take the hit and make it one (or a few) huge images (text and all). It’s dirty, but you’ll get it out the door and you’ll know for next time. Cheers, Tim From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jermayn Parker Sent: Thursday, 20 March 2008 5:25 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] background images in HTML emails.. im no expert in html emails but of the ones i do get how many actually use background images? I do not think html emails actually should use background images. Naveen Bhaskar [EMAIL PROTECTED] 20/03/2008 3:11:48 pm Structure is fine... but I am worried about the background images since the text is localized I cant use an image with text . I have to use background image and text about that... any solution? regards navii On Thu, Mar 20, 2008 at 11:32 AM, Jermayn Parker [EMAIL PROTECTED] wrote: in regards to html emails.. use tables for structure. Naveen Bhaskar [EMAIL PROTECTED] 20/03/2008 2:53:11 pm Hi... anybody can tell me.. how to use background images in html emails. I have a div with background image and text above that... the background image is not displaying :-( help help -- navii *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security requirements for inbound transmission. ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security policy requirements for outbound transmission This email (facsimile) and any attachments may be confidential and privileged. If you are not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this email (facsimile) is strictly prohibited. If you have received this email (facsimile) in error please contact the Insurance Commission. Web: www.icwa.wa.gov.au http://www.icwa.wa.gov.au/ Phone: +61 08 9264 . *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- navii - thanks and regards Naveen Bhaskar Menon *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security requirements for inbound transmission. ** The above message has been scanned and meets the Insurance Commission of Western Australia's Email security policy requirements for outbound transmission This email (facsimile) and any attachments may be confidential and privileged. If you are not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this email
RE: [WSG] multiple css style sheets
I think its also improper markup to have more than one stylesheet link so @import might be a way to keep the code modular and still only have one style sheet link. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kane Tapping Sent: Thursday, 28 February 2008 4:59 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] multiple css style sheets Hi , I believe @import was originally used by designers to create styles Netscape Navigator 4 would not implement incorrectly. Some other reasons why you might use this rather then multiple link rel declarations, include: 1. You can declare the @import within a CSS file style or style= (you can also choose where in the CSS document to @import, allowing greater control of the cascade's.) 2. link rel can only be declared in the head of a document (some systems do not give access to this area, or only allow a set link to their stylesheet.) Kind Regards, Kane Tapping Web Standards Developer Web and Content Management Services Griffith University. 4111. Australia. mailto://[EMAIL PROTECTED]/ [EMAIL PROTECTED] Phone: +61 (0)7 3735 7630 Michael Horowitz [EMAIL PROTECTED] Sent by: [EMAIL PROTECTED] 28/02/2008 01:46 PM Please respond to wsg@webstandardsgroup.org To wsg@webstandardsgroup.org cc Subject Re: [WSG] multiple css style sheets Is there a difference or specific reason to use the @import Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 Kane Tapping wrote: Hi , How do browsers determine the winner in a conflict... well, AFAIK, they take the first style that is most relevant to the element. That would be the LAST style that is most relevant to the element. (unless !important is used to override the cascade.) It also worth noting that multiple stylesheets are also commonly referenced within CSS using @import. The main benefit of using multiple stylesheets is for modular code. Kind Regards, Kane Tapping Web Standards Developer Web and Content Management Services Griffith University. 4111. Australia._ [EMAIL PROTECTED] mailto://[EMAIL PROTECTED]/ Phone: +61 (0)7 3735 7630 *Steven Workman [EMAIL PROTECTED]* Sent by: [EMAIL PROTECTED] 28/02/2008 03:36 AM Please respond to wsg@webstandardsgroup.org To wsg@webstandardsgroup.org cc Subject Re: [WSG] multiple css style sheets Michael, Multiple style sheets are quite common in large sites. Splitting your stylesheets into a basics, main and special cases is good for keeping your code separate, also allowing multiple developers to work on different areas of a site's styles without interrupting each other. It's also becoming more common that any off the shelf javascript techniques come with their own stylesheets i.e. Cody Lindley's Thickbox. How do browsers determine the winner in a conflict... well, AFAIK, they take the first style that is most relevant to the element. Say you had ullispan class=bobSome text/span/li/ul If your first stylesheet said: ul li { color:red; } and the second one said .bob { color: blue; } It would render as *blue*. However, if the first one said ul li .bob { color:red; } and the second one remained the same .bob { color: blue; } It would render as *red * Steve Workman PA Consulting Group_ __www.paconsulting.com_ http://www.paconsulting.com/_ [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]_ __www.steel-software.com_ http://www.steel-software.com/ On 27/02/2008, *Michael Horowitz* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Just inherited a site and saw pages with multiple style sheets. Is there a reason for that and how does the browser determine what to use if there is a conflict -- Michael Horowitz Your Computer Consultant_ __http://yourcomputerconsultant.com_ http://yourcomputerconsultant.com/ 561-394-9079 *** List Guidelines: _http://webstandardsgroup.org/mail/guidelines.cfm_ Unsubscribe: _http://webstandardsgroup.org/join/unsubscribe.cfm_ Help: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] *** *** 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] PNG in IE6
I wholeheartedly second this suggestion. This solution works brilliantly. As KM wrote below: http://www.twinhelix.com/css/iepngfix/ I originally found it via this site which has a friendly introduction to the concept: http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ One problem you will encounter is that if a link is placed over something that uses this filter as a background image the link will be inactive. There is a solution here: http://www.satzansatz.de/cssd/tmp/alphatransparency.html (start at 'Problem: Link's don't work'). Cheers, Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle Sent: Friday, 22 February 2008 2:17 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] PNG in IE6 If its not a repeating background this is the easiest way to get png support: http://www.twinhelix.com/css/iepngfix/ -best kevin *** 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] use of p in li
Hi Taco, In the case of the example you provided I'd say definitely no need for the nested p tag. The li tags are enough to describe the content inside them - they are items in a list. I don't see how it is a duplicate style of the p tag either, in my experience it is good practice to style your lists differently than your paragraphs. Hope this helps, Best Regards, Tim From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur Sent: Monday, 11 February 2008 1:52 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] use of p in li This email was sent before an update of the site and the old version did not contain a list on the front-page (just incase someone was wondering;-) It's now updated, and has the example list on the front-page. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Taco Fleur Sent: Monday, 11 February 2008 12:31 PM To: wsg@webstandardsgroup.org Subject: [WSG] use of p in li Hello all, I've been wondering about this for a while, just hesitated to ask (as it could be a stupid question). I've always been using p within olli (example, see state list on www.web-designers-australia.com) However, I see many people use a list without p tags, and style the text within the list item by creating a duplicate style of the paragraph tag. Just wondering, what is the way to go? Thanks *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Windows on a Mac
Hi List, If this discussion is outside the scope of this group I apologize, I know it was touched on a couple of weeks ago. Please email me off list if you feel it's more appropriate. I've recently had my laptop stolen and am trying to get back on track as soon as possible, it was a Mac iBook from2005, and as I've gone a bit deeper into web development since I purchased it I was under the impression that when I upgrade I should change over to Windows. My current situation has forced me to consider upgrading sooner than expected, so I have a few questions about the Windows environment on the new Macs. Specifically, can I run things like Microsoft Visual Studio? Flash Develop? Can I download and run .exe files? Is the Windows environment on Macintosh a true Windows environment and is it just a matter of switching OS's like I would switch applications? Thanks in advance for any advice offered, I am going to dig up the previous threads on this topic from the last few weeks. Cheers, Tim *** 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] semantic list with explanations
Hello all, Just looking for a little help. I'm creating a sort of 'point form' list that goes a bit like this: 1. Pursuit of customer satisfaction We promise to pursue customer satisfaction as our main point of customer focus.blah blah blah.. 2. Pursuit of customer loyalty We promise to pursue customer loyalty as our secondary point of customer focus.blah blah blah.. What is the best way to semantically mark this up? My first guess would be an ordered list but the definitions underneath don't really allow for it. A definition list doesn't seem very appropriate either because of the wordiness of the explanations; to me a true definition list would only be a few words. Any thoughts? Thanks, Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Best way to clear a float
This is an interesting discussion, I have always used div class=cleardiv/div on the page and then put .cleardiv {height: 1em; clear:both;} in the style sheet. Not sure if this is the best way, its seemed to work well without testing it too rigorously. I've definitely got some new ideas now to try out though. Tim -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Tuesday, 13 November 2007 9:04 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Best way to clear a float On Behalf Of John Faulds *Sometimes* I find this works: #parent {overflow: auto;} You need to combine that with a width for it to work in IE. I think it is a hasLayout issue, so it is possible to make it work without having to declare a width (using zoom:1 for example). You might also find in some situations that you need to use oveflow: hidden as auto will create scrollbars. I agree. The thing to watch for though is if there is a IE min-height hack (_height) involved... -- Regards, Thierry | http://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] html page footer problem
Hello all, I am having a problem making a site footer stick to the bottom of the browser window with no gap at the bottom throughout a site of varying content heights. It is a 3 column floated page with a header and footer. Because of the design, the footer colour and graphic needs to be at the absolute bottom of the browser window at all times. Does anyone know of a way through JavaScript, pure XHTML/CSS or otherwise to make the footer stick to the bottom of the window at all times? Thank You, Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] html page footer problem
Thanks Dusan, That is exactly what im looking for. I have put in your code and the footer is sticking to the bottom of the page, but when I scroll up it goes over the main 3 columns of content. I want it to stop at the bottom of the main page content. I see that in your example that is what you have so I am going to go back and read over your code. Will this work with floated elements in the page? Thanks again for your replies, Tim From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dusan Smolnikar Sent: Monday, 12 November 2007 10:01 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] html page footer problem See if this entry solves your problem http://dusan.fora.si/blog/how-to-move-that-footer-to-the-bottom From your mail I'm not sure what exactly you're looking for, so correct me if you're asking for something else. regards Dusan On Nov11, 2007, at 11:51 PM, Tim MacKay wrote: I am having a problem making a site footer stick to the bottom of the browser window with no gap at the bottom throughout a site of varying content heights. *** 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] html page footer problem
Its working fine in Firefox but in IE6 the footer still rolls over top of the content of the page. And when I add more content to the page the footer starts at the bottom of the window with the rest of the content carrying on underneath it. Its weird, its acting very buggy. I don't think its your code, I think its how im implementing it. Ive got an IE6 conditional style sheet so Im trying to modify it to fit but I could be missing something. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dusan Smolnikar Sent: Monday, 12 November 2007 5:39 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] html page footer problem You have to make sure that you clear all the floats and leave some extra space (at least as high as the footer) and the end of your normal content (that is, everything excluding the footer). This way the footer will only overflow empty space, rather than the content. On Nov12, 2007, at 1:12 AM, Tim MacKay wrote: Thanks Dusan, That is exactly what im looking for. I have put in your code and the footer is sticking to the bottom of the page, but when I scroll up it goes over the main 3 columns of content. I want it to stop at the bottom of the main page content. I see that in your example that is what you have so I am going to go back and read over your code. Will this work with floated elements in the page? Thanks again for your replies, Tim *** 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] CSS Help
Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Help
I think Chris is right. Set the a:hover to {border: none;} Olajide Olaolorun wrote: It doesnt work :( I just tried it now... placed it in the default.css On 10/23/07, Tim MacKay [EMAIL PROTECTED] wrote: Hi There, You just need to put a rule in your style sheet to exempt images from the hover style. This should work as a global rule: #sidebar a img {border: none} Hope this helps. Tim Olajide Olaolorun wrote: Can someone please help me with this small problem i'm having I seem to have a problem with the link hover style i set for the whole sidebar with the images I am trying to take it out for images that are links... like the image showing to the right in the sidebar... but i have no success. Can someone please help me out. http://www.rockondude.net/pre If you see the thumbnail to the right... am trying to take out the hover style for that. Thanks a lot. -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- *Tim Mackay* Web Developer p: +612 8917 7900 e: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] w: www.deepend.com.au http://www.deepend.com.au http://www.deepend.com.au/latest http://www.deepend.com.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***