Re: [WSG] HTML/CSS reference
Oh come on. Surely you cannot dispute http://www.w3schools.com/ for the basics. Even after all of these years. The fundamental concepts work. Kev http://.hotels-london-hoteks.com From: Andrew Staff Sent: Tuesday, April 05, 2011 11:56 PM To: wsg@webstandardsgroup.org Subject: [WSG] HTML/CSS reference Hello all, I was wondering if anyone on this distribution list would have a recommendation for a great HTML/CSS reference bible? I’ve been web developing for over 10 years but only in the last 2 have I got heavier into the HTML and CSS side of things and I’d class myself as an intermediate in terms of knowledge so not looking for a starters/beginners/HTML for dummies type of reference but more a in depth, tips and tricks for layout, cross-browser compatibility tips, do’s and don’ts, etc. I have a load of web references and enjoy the links for light reading however am after a book that I can take with me on my commute and have as a reference when needed at work etc. Any help would be greatly appreciated. Kind Regards Andrew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This email has been scanned by Netintelligence http://www.netintelligence.com/email *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS rollovers for images + Feedback Sources??
Disabled people should to be able to use websites. Replacing XHTML with JavaScript can cause accessibility issues. Accessibility is the research and practice of making websites usable to as diverse a user base as possible, including people with hearing, visual and mobility disabilities, by removing obstacles and offering alternatives. (Loranger Nielsen 2006) WAI (Web Accessibility Initiative) develops accessibility guidelines, which are generally internationally accepted. Online tools for testing website accessibility are available from them. (W3C, 2009) WAI also suggests manual testing to assess accessibility using text-based browsers, such as Lynx. Lynx emulates the environment of screen readers, used by sight-disabled users. Testing the slideshow like this would tell us how accessible it is. Also, feedback from involving disabled testers could help. Developers can access accessibility during testing by turning CSS and JavaScript off in their browsers to determine what alternatives are available. This could guide us to adding to hyperlink navigation with a dynamic menu, rather than replacing it. Additionally, we could also ask the RNIB to do an accessibility assessment for us. A Royal National Institute of Blind People See it Right audit would use human auditors to help us. (RNIB, 2009) Nearly any code can be implemented within the law. We can ensure alternatives are available for all disabled people. Why and to what level we should do this can be seen from different perspectives. Firstly, the Disability Discrimination Act (1995) is British law. Web-designers have a duty to advise owners of any website they work on to make reasonable efforts to provide services, of the same standard for the disabled, as you provide for the public. Secondly, it makes business sense. 10% of internet users have a disability. If you have a shop and your door only opens for 9 in 10 of your customers you effectively have closed shop to 1 in 10. However, making your site accessible will cost designers time and thus the clients money. There are few presidents in British legal history of websites being taken to court and charged under the DDA (2005). So reasonable efforts, whatever that means, may suffice. Additionally, if your website is in-accessible does that really mean 10% of people can't use it? There are no concrete figures relating to internet users who require fully accessible websites. So, we could wait until the site is more popular to make it financially viable. Kevin Ireson MD Hotels in London Ltd http://www.hotels-london-hotel.com Hotels in Edinburgh Ltd http://www.hotels-edinburgh-scotland-hotels.com From: Nick Stone Sent: Wednesday, October 20, 2010 9:13 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images + Feedback Sources?? Leslie, This is such valuable feedback. Thanks very much! Does anyone have suggestions on how to obtain website usability feedback from various members of the disabled community? Thanks in advance, Nick -- Nick Stone, MBA SEO, Web Accessibility, Web Development http://nick-stone.com/ Good idea, but please remember that for someone with problems of co-ordination or fine muscle control, hovering can be extremely difficult. I've encountered javascript image galleries which work like this, and on a bad day I find them completely unusable. Lesley On 19/10/10 21:13, cat soul wrote: Any thoughts on using CSS hover properties to show larger images? The scenario I'm envisioning is one where you'd have small thumbnails of samples, and hovering the mouse over them would invoke a hover state in which a larger version of that same image would appear...Larger meaning 400x600 pixels, or in that neighborhood. Is this not wise from a coding perspective? How about usability? Do web page visitors not expect this kind of behavior..would it be confusing to them as to what they're supposed to do, or what to expect? I'm wanting to use CSS to do what javascript rollovers do, only without the javascript. thanks for any feedback or opinions. cs This email has been scanned by Netintelligence http://www.netintelligence.com/email *** 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] CSS rollovers for images?
An excellent and very up to date point about accessibility. From: tee Sent: Wednesday, October 20, 2010 1:57 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device user able to use it. In regards of touchscreen, this article explains it better than I can do. http://trentwalton.com/2010/07/05/non-hover/ tee On Oct 19, 2010, at 1:46 PM, Joseph Taylor wrote: You could certainly do that with CSS. You'll want to add javascript to control how the image shows and fades, positioning etc. For maximum accessibility, have the thumbnail link to the main image, then have your Javscript/CSS hijack the link and show the image. Everyone wins. Joseph R. B. Taylor Web Designer / Developer -- Sites by Joe, LLC Clean, Simple and Elegant Web Design Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 10/19/10 4:13 PM, cat soul wrote: Any thoughts on using CSS hover properties to show larger images? The scenario I'm envisioning is one where you'd have small thumbnails of samples, and hovering the mouse over them would invoke a hover state in which a larger version of that same image would appear...Larger meaning 400x600 pixels, or in that neighborhood. Is this not wise from a coding perspective? How about usability? Do web page visitors not expect this kind of behavior..would it be confusing to them as to what they're supposed to do, or what to expect? I'm wanting to use CSS to do what javascript rollovers do, only without the javascript. thanks for any feedback or opinions. cs This email has been scanned by Netintelligence http://www.netintelligence.com/email *** 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] Re: IE 6 Nightmare plus new margin problem
Hi Jason,
Try removing display-inline. you dont need it when you use float.
Kevin
From: Jason Byer
Sent: Wednesday, April 28, 2010 9:13 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Re: IE 6 Nightmare plus new margin problem
Hello again,
I stated earlier that after I got help on my previous IE6 problem that my
mainContent div was shifted over to the left in Firefox.
http://www.jasonbyer.com/dev/new/
So I tried adding a margin-left: 181px since the width of the left nav div is
180px. That worked in Firefox but of course it messed up the design in IE 6.
I even tried adding relative position to the div's as someone suggested earlier
with no luck. Here is a layout of my div's with the modified css id's.
!- contentà
div
!-begin left navà
div id=leftnav/div
!-end left navà
!-begin main contentà
div id-mainContent /div
!-end main contentà
div style=clear: both;/div
/div
#leftnav {
width: 180px;
float: left;
display: inline;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #999;
margin-right: -3px;
}
#mainContent {
background: #FFFfff;
display: inline;
overflow: hidden;
zoom: 1;
position: relative;
}
Any suggestions on this bug?
__
Jason Byer
http://www.jasonbyer.com
This email has been scanned by Netintelligence
http://www.netintelligence.com/email
***
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] Background music on web pages
Hi Lesley, This is a usability issue really. Usability being a mark of quality or how easy a site is for user to achieve their goals on AND how pleasant an experience it is. In the 80's and 90's it was very new and exciting to have some sound. However, very quickly became a nightmare as you had a horrid tune running all the time and could not switch it off without switching off your speakers. So, imo the most unobtrusive way would be to have an option to play the music or at least, if no option is to be given, only play the tune once. Best of luck in dissuading them. What I would do is show them the 10 most successful sites on the internet. Then show them a graph of the number of the top 10 that play background music. Even the top 10 sites in their own area of business. That might bring them to their senses. Kevin -- From: Lesley Lutomski ubu...@webaflame.co.uk Sent: Saturday, February 27, 2010 11:50 AM To: wsg@webstandardsgroup.org Subject: [WSG] Background music on web pages Hi all, I apologise if this is off-topic, but I'd really appreciate some advice. I have clients who insist they want background music on their Web site. I've tried to dissuade them, but without success. What is the most acceptable/least intrusive method of doing this? UK licensing requirements differ depending on whether the music is downloadable or not, so I need to sort out the method in order to advise them on the licences. I'm still hoping the complexities of the licensing system will succeed where I've failed and put them off the whole notion, but in case not, I'd be most grateful for some input here. Thank you. Lesley *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** __This email has been scanned by Netintelligencehttp://www.netintelligence.com/email *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Update to site in progress - valid css and html -IE7 issues
Hi all, I have been working through an update to a site I first produced in 2003. So far I have tested and found one error in IE7. All the html validates apart from some code I cant change due to my version of Dreamweaver causing issues with and amp; CSS also validates to ver 2.1. However, when I use IE7 (still a very popular browser which I support) and go to the policy area of a product page. http://www.hotels-spain-accommodation.com/brochure-pages/hotel-medium-aristol-218556.html#Policy Then roll over the link to top or booking cancelation policy, it blanks out some of the page. Can I please ask for some help as I cant see a problem with it. It may be my copy of IE7 that is in fact causing the issue. Thanks in anticipation, Kevin Ireson MD Ireson computing Ltd York England *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] recovering file replace
Hi Nour, If the file you have lost is on a live website, you could always use the search engine cache to recover the older version. Kevin From: Nour Alsafar Sent: Saturday, October 17, 2009 1:06 PM To: wsg@webstandardsgroup.org Subject: [WSG] recovering file replace Hi please if anyone can help me i have replaced my current file when moving it into the folder with an older one, and i don't know how to recover it back, i tried several softwares but none of them are helping me out, i'm so streesed i've been working on this flash files for day and now it's replaced with a very old old vr. please did anyone had the same thing and got their file recoved please help me i'm so desperate for a solution ASAP. Thanks all in advance Let us find your next place for you! Need a place to rent, buy or share? *** 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] Ordered List Best Practice
Hi Kevin, Headings in lists will validate. However as Matijs says all you need to do is style the list elements and remove the divs. Kevin Work in progress includes: http://www.hotel-france-hotels.com http://www.hotels-uk-accommodation.co.uk ol type=A lia href=a.pdfFirst/a/li li class=margin_left_minus_40pxbSubheading/b/li lia href=b.pdfFirst/a/li lia href=c.pdfFirst/a/li li class=margin_left_minus_40pxbSubheading/b/li lia href=d.pdfFirst/a/li lia href=e.pdfFirst/a/li /ol From: Matijs Sent: Wednesday, September 23, 2009 8:31 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Ordered List Best Practice If you're using a h3 inside a list, I kind of expect a h2 and a h1 to precede that... Is it really necessary to use a h3 or could you just style an ol or ul in the appropriate way? On Tue, Sep 22, 2009 at 4:40 PM, Erickson, Kevin (DOE) kevin.erick...@doe.virginia.gov wrote: Hi, I have an ordered list that needs the items to be alphabetized and have lines in between the items that will be subheadings within the list BUT also need to NOT take a letter. Is there a best practice on trying to accomplish the desired look? (examples below) Here is the code with no validation issues but the two lines with Subheading will get a letter (not desired): ol type=A lia href=a.pdfFirst/a/li li div class=margin_left_minus_40px h3Subheading/h3 /div /li lia href=b.pdfFirst/a/li lia href=c.pdfFirst/a/li li div class=margin_left_minus_40px h3Subheading/h3 /div /li lia href=d.pdfFirst/a/li lia href=e.pdfFirst/a/li /ol In the following list I get the desired results in the browser but does not validate,(The tag:div is not allowed within: ol): ol type=A lia href=a.pdfFirst/a/li div class=margin_left_minus_40px h3Subheading/h3 /div lia href=b.pdfFirst/a/li lia href=c.pdfFirst/a/li div class=margin_left_minus_40px h3Subheading/h3 /div lia href=d.pdfFirst/a/li lia href=e.pdfFirst/a/li /ol I appreciate any advice, Kevin *** 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 *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] JavaScript Language Clarifying within HTML
Brett, The language attribute of the script element was deprecated some time ago. http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.2.1 http://www.w3.org/TR/xhtml1/#h-4.8 However, other might know a bit more about this. Kevin Ireson Work in progress includes: http://www.york-united-kingdom.co.uk http://www.hotels-london-hotels.com http://www.hotels-edinburgh-scotland-hotels.com From: Brett Patterson Sent: Tuesday, July 14, 2009 1:23 PM To: wsg@webstandardsgroup.org Subject: [WSG] JavaScript Language Clarifying within HTML I am not sure about the most recent standards regarding the language attribute of the SCRIPT tag within an HTML page, so I would like to know if it is still recommended to use the language attribute within the SCRIPT tag? And what version, if it is recommended to use that attribute, would one specify to have the most in both backwards and forwards compatibility? -- Brett P. *** 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 ***
