RE: [WSG] Advice on design
Hi,
Thanks to everyone for the help with the design of the site. As always very
helpful suggestions and ideas.
Thanks,
Elaine
http://www.webdandy.co.uk
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Martin Heiden
Sent: 25 July 2008 11:18
To: Web Dandy Design
Subject: Re: [WSG] Advice on design
Elaine,
on Friday, July 25, 2008 at 11:42 wsg@webstandardsgroup.org wrote:
I'm looking for some advice on the best way to put together the navigation
for the following design:
http://www.webdandy.co.uk/navigation-slice.jpg, so
that it's standards compliant and accessible (and if at all possible
avoids
using images for the text under the nav buttons).
I'd use an unordered list with background images for the graphics and
normal text. For this, you must slice the navigation. The decorative
part of the image may remain one single slice.
Problem: Text-Sizing.
If the user increases the text size, the layout will break.
It may be possible to avoid this by absolute positioning with em
sizing:
ul id=navigation
li id=homea href=home.htmlspanHome/span/a/li
[...]
/ul
ul#navigation li {
float:left;
}
ul#navigation li a {
display: block;
height: 100%;
width: 100%;
}
li#home {
position: relative;
width: n px;
height: m px;
}
li#home a span {
position: absolute;
top: y em;
left: n/2 px;
width: z em;
margin-left: -z/2 em;
}
I didn't test this, but it may be a starting point.
regards
Martin
***
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] Advice on design
Hi, I'm looking for some advice on the best way to put together the navigation for the following design: http://www.webdandy.co.uk/navigation-slice.jpg, so that it's standards compliant and accessible (and if at all possible avoids using images for the text under the nav buttons). Thanks, Elaine http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Opera 9.26 Problem
Hi, We recently built a site for a client and tested across various browsers including Opera 9.26. The site layout looks fine on our machines and we have looked at the site on PC and MAC. However the client's French distributor says that the site doesn't look right when they are using Opera v9.26, revision 8835, Win32, Windows XP. Has anyone ever come across this problem before? The site is: www.charis.uk.com http://www.charis.uk.com/ . Kind regards, Elaine Web Dandy http:// http://www.webdandy.co.uk www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Opera 9.26 Problem
Georg, Susanne, Dwain, Alexey Thanks for your responses. Can you advise what would need to be done to the site to 'make it work' in Opera? Thanks, Elaine Web Dandy http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: 13 March 2008 16:26 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Opera 9.26 Problem Web Dandy Design wrote: [...] However the client's French distributor says that the site doesn't look right when they are using Opera v9.26, revision 8835, Win32, Windows XP. Has anyone ever come across this problem before? www.charis.uk.com http://www.charis.uk.com/ . Breaks the same way in all versions of Opera and Firefox at first load at my end, on win2K and winXP at 96dpi res. Problem is known as unprepared for font-resizing, and all these browsers are preset at 'minimum font size: 14px' here. regards Georg -- http://www.gunlaug.no *** 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] Social Networking Site Software / Script
Hi, Can anyone recommend a Social Networking Site Software / Script which is standards compliant? I've been hunting around and most scripts are table based and don't seem to be compliant/accessible. The script would need to have some or all of: Ability to list events. Discussion Forums. Archive where members can post comments and photos. Areas for Job listings and Trademan listings (which would need to be paid for). Ability to post affiliate shopping links. Thanks, Elaine http:// http://www.webdandy.co.uk www.webdandy.co.uk *** 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] prettier forms
Hi, Try some of the following links for help with styling forms with CSS and graphics. http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/ http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/ http://www.sitepoint.com/article/fancy-form-design-css http://www.sitepoint.com/article/style-web-forms-css http://www.456bereastreet.com/archive/200409/styling_form_controls/ http://www.formassembly.com/form-garden.php http://www.456bereastreet.com/archive/200705/creating_bulletproof_graphic_li nk_buttons_with_css/ Kind regards, Elaine Web Designer http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Maarten stolte Sent: 14 September 2007 14:46 To: wsg@webstandardsgroup.org Subject: RE: [WSG] prettier forms Hello, As I recall those are controlled by the operating system so if you using MAC they will look nice shiny blue etc, hope that helped yes they are normally by either OS or the browser, as are all form elements, but most can be styled, using either CSS, a proprietary system or by using tricks like drawing an image instead of the checkbox, and hiding the checkbox. I maybe didn't make myself clear, but I'm trying to find a good example of these javascript/dom/css tricks to style those elements, and maybe others, and by good example I mean available on as many browsers as possible, standards based and with a good fallback to the normal elements if the tricks don't work on a browser. regards, Maarten -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Maarten stolte Sent: 14 September 2007 14:29 To: wsg@webstandardsgroup.org Subject: [WSG] prettier forms Hello, I'm looking for pointers towards tutorials on how to make a form look prettier; especially the selectbox/pulldown and checkboxes are of interest. Thanks for any help, Maarten *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Accessible Open Source CMS
Hi, Can anyone advise on the most accessible, open-source CMS between Joomla, Drupal or Plone? Thanks, Elaine Web Designer http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Use of PDFs - Accessibility issues
Hi, Have you tried RiverDocs: http://www.riverdocs.com/index.htm. You can sign up for a free evaluation licence for 14 days (no restrictions): http://www.riverdocs.com/product/download/index.html. The price is £399. If you are a member of GAWDS the cost is £299 until 22 June. Regards, Elaine Web Designer http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Frank Palinkas Sent: 08 June 2007 06:19 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Use of PDFs - Accessibility issues Hi Michael, Not sure if this will help you, but on occasion I've been presented with .pdf files to convert to (x)html for web-based tech docs. I do this manually by creating templates in the Visual Studio 2005 markup source code editors, and then copy and paste the content from the .pdf's. This way I have complete control over the structure, presentation and behavior of the resulting web doc. This is ok if the .pdf's haven't been secured by a user name and password. If they have, then I'm outta luck as the copy/paste routine won't work. Personally, I wouldn't trust any .pdf to .html conversion app. If they exist, I feel it would create more work than what I already have to do in this scenario. Kind regards, Frank M. Palinkas Microsoft M.V.P. - Windows Help W3C HTML Working Group (H.T.M.L.W.G.) - Invited Expert M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Senior Technical Communicator Web Standards Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) Supergroup Trading Ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax: +27 011 455 3112 Mobile: +27 074 109 1908 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: Friday, 08 June, 2007 6:41 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Use of PDFs - Accessibility issues Here is the thread that discussed making PDFs accessible: http://www.mail-archive.com/wsg@webstandardsgroup.org/msg28067.html The effort involved in creating the PDFs in an accessible format will be significant. Handheld users frequently avoid opening PDFs since they are often a large file size - bandwidth and cost being the limiting factors here. how many mobile phone can read pdf? .. I suspect not many yet ... (I have yet to see one which can) btw does anyone know of anything that can export html (even if it is crap html) from a pdf ? (apart from Acrobat Pro itself - I can't justify spending that sort of money for just the occasional attempt to extract useful content from that occasasional pdf sent by clueless media publicists which would otherwise just be deleted) *** 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] OT on list
Hi Mark, You can sign up for the CMS list by logging into WSG at http://webstandardsgroup.org/manage/login_edit.cfm then set your preferences to Full CMS list or CMS list in digest mode. Regards, Elaine http://www.webdandy.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Mocking up web interfaces
Hi all, I have been going through the emails on this topic and I can identify with most of them. Thanks Nick for your thoughts on mocking up web interfaces - it really brightened my day and James for the info on Fireworks, which I hadn't even heard of! Elaine -- Elaine Wildash http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Fitzsimons Sent: 24 May 2007 12:11 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Mocking up web interfaces On 24 May 2007, at 00:22:42, Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. Step 2 had to be toned down considerably when I was working in a studio with the designers, including the owner of the company, but generally this process has worked well for me for several years :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** 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] wa state guidlines question
Hi, Came across this link: http://www.enablepdf.com/ which might also be useful in making accessible PDF documents. I haven't looked into costs etc, just happened across the site while browsing through The Register. Kind regards, Elaine http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: Web Dandy Design [mailto:[EMAIL PROTECTED] Sent: 09 May 2007 11:27 To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] wa state guidlines question Hi, A couple of links that maybe useful: http://www.alistapart.com/articles/pdf_accessibility http://www.planetpdf.com/search_results.asp?words=accessibilitySearchString =storepdftoolsforumgeneral Another option maybe to convert the PDF content to HTML: http://tinyurl.com/2fema Kind regards, Elaine http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: 09 May 2007 10:30 To: wsg@webstandardsgroup.org Subject: Re: [WSG] wa state guidlines question how do you make the pdf accessible??? I guess it probably depends if it has unencrypted text in it... some pdf's might only contain images or other stuff... *** 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] 100% height
Hi, Looks good in ie6 and ie7 win xp pro. -- Elaine Wildash http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bob Schwartz Sent: 12 May 2007 06:33 To: wsg@webstandardsgroup.org Subject: Re: [WSG] 100% height A version with the footer inside the div is up, plus it seems that by adding important! to height: auto; in the original version it is now working in Safari and Firefox. I would appreciate feedback from a test in IE 6 and (especially) 7 http://www.fotografics.it/test/ Bob Schwartz wrote: I have been at it all day and no luck. Anyone who would like to help can see some test pages at: http://www.fotografics.it/test/ The problem is explained on the pages. Bob try placing your footer inside the wrapper. *** 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] wa state guidlines question
Hi, A couple of links that maybe useful: http://www.alistapart.com/articles/pdf_accessibility http://www.planetpdf.com/search_results.asp?words=accessibilitySearchString =storepdftoolsforumgeneral Another option maybe to convert the PDF content to HTML: http://tinyurl.com/2fema Kind regards, Elaine http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael MD Sent: 09 May 2007 10:30 To: wsg@webstandardsgroup.org Subject: Re: [WSG] wa state guidlines question how do you make the pdf accessible??? I guess it probably depends if it has unencrypted text in it... some pdf's might only contain images or other stuff... *** 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] scrolling text and images
Hi Robin, We have used scrolling text on a school website as a 'ticker tape' of latest news. We removed the Stop/Start function and made the text static if the user doesn't have Javascript. Details can be found at: http://www.websemantics.co.uk/tutorials/accessible_scroller/. We also used a Javascript method to fade images in and out of a web page. Again if the user doesn't have Javascript only the top image is displayed. If you would like more info please get in touch and I will send you the files. I know that both scrolling text and image fading is frowned upon when it comes to accessibility but very often when a client insists on something all you can do is try to find the 'best solution'. Kind regards, Elaine __ Web Dandy http://www.webdandy.co.uk -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Robin Sent: 03 May 2007 08:17 To: wsg@webstandardsgroup.org Subject: [WSG] scrolling text and images I have been asked by a client for an area on his website that will have scrolling text or images or both and also a devolving and resolving image panel. I have advised against this as moving things on pages constantly annoy as well as the inaccessibility issues that using scripts bring. So my question is does anyone know of any application or any way that i can do this in a way that will make the least amount of compromises to accessibility and degrade nicely if either active x or javaScript or what ever else might be used to create these transitions are not available. An example of what the client is looking for is. http://investhawkesbay.com/ YU. I look forward to your comments. Robin. *** 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] ***
