[WSG] a CSS layout tips - dealing with different widths in columns on each page throughout a site
I posted the below message in another list to share with others. I
truly believe this list needs no CSS tips from me, so my intention is
to seek improvement and suggestion for my solution.
Thought I share with you now just in case I never able to come out
with layout tutorials that I'd been wanting to write.
Most of my CSS coding works, dealing with complex layouts that almost
every page needs its own set of code, and the frustrating part is that
the job has always been work in progress status, meaning clients
give me a page or two to begin with, I code it, few days or a week
later, more pages come in that often time requires me to re-work the
code for previous pages because of different widths or colors for
certain blocks. I charge by hours, that means I can simply invoice
whatever changes needed to make, but I really hated it because I hate
wasting my time and wasting client's money. So over the months I have
came out a solution that I think work quite nicely.
For example, I was coding for a project that is 3 columns, I decided
the home page needs equal height (using the technique I learned from
Georg Gunlaug) because there are vertical borders separated 3 columns
and the lines touch the header and footer; background color in columns
needed too, on which there is also a body background color for the
site. I received four pages, of which 3 pages have different widths in
columns in each page and the colors differ in fonts and certain
blocks, and the inner pages need only one vertical border for left
column, but without touching the header and footer. Today I received
another page that is in four columns.
As we all know, IE needs width declared in most cases or you will find
yourself to want to kill Bill Gates or kill yourself. Under such
circumstance working with uncertain layouts on each page, if I were to
markup the page in such way
div id=left/div
div id=middle/div
div id=right/div
I will have to create extraneous code for each page.
My solution for this layout is such
/* positioning in command */
div.floatbox {float: left}
div.floatbox_right {float: right}
div.w185 {width: 185px }
div.w385 {width: 385px }
div.w200 {width: 200px}
div.w220 {width: 220px}
div.w550 {width: 550px}
/* watch how I make myself look pretty */
#left {...}
#left h3 {...}
#right {...}
#right ul li {...}
#right p {...}
#middle {...}
#middle h4 {...)
#middle p {...)
and the markups for three columns look like so:
div class=floatbox w185 id=left
p left content here.../p
/div
div class=floatbox w385 id=middle
p middle content here.../p
/div
div class=floatbox_right w220 id=right
p right content here.../p
/div
with four columns or two columns, all I needed is to add or remove a
set of floatbox.
Basically the headings, ul, dl, ol and p tag are controlled by the
ID's descendants, but classes' descendants sometimes are added with
declaration of '!important to overwrite the ID's descendants to avoid
creating extra set of ID just to achieve presentation needs.
Although I am quite happy with the solution I came up, but I
understand it's by no means a perfect solution , therefor I hope you
can give me your input to make it even better.
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] web check
Max, Really something not related to accessibilty - however I hate seeing a URL like: http://www.devonfurnituremakers.org.uk/gallery.php I prefer: http://www.devonfurnituremakers.org.uk/gallery/ Simply in the root folder, create a file: .htaccess then: --start-- rewriteengine on rewriterule ^gallery/$ gallery.php -- end -- that will mean the url: http://www.devonfurnituremakers.org.uk/gallery/ will load: http://www.devonfurnituremakers.org.uk/gallery.php (sorry, you might already know all this - its just a pet hate of mine...) - Strat On Tuesday 13 February 2007 21:34, John 'Max' Maxwell wrote: Good Morning All, Just gone live with this and have done all my valid checks etc but if anyone has a second I would really appreciate any feedback on accessibility and usability: www.devonfurnituremakers.org.uk http://www.devonfurnituremakers.org.uk/ Also - if anyone on here can provide a top to bottom accessibility report then please contact me. I am interested in a full assessment of the site pointing out what issues will affect what user groups and why and what can be done to address the issues. Thanks, Max. www.thepigfarmer.co.uk http://www.thepigfarmer.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] web check
Only had a quick look but what strikes me so far is that things go a bit wrong at smaller window sizes (less than 1024 x 780) - pictures on the members' pages stick out to the right and text on the member search page spills out of the boxes on the left (in Firefox Opera). On Tue, 13 Feb 2007 20:34:30 +1000, John 'Max' Maxwell [EMAIL PROTECTED] wrote: Good Morning All, Just gone live with this and have done all my valid checks etc but if anyone has a second I would really appreciate any feedback on accessibility and usability: www.devonfurnituremakers.org.uk http://www.devonfurnituremakers.org.uk/ Also - if anyone on here can provide a top to bottom accessibility report then please contact me. I am interested in a full assessment of the site pointing out what issues will affect what user groups and why and what can be done to address the issues. Thanks, Max. www.thepigfarmer.co.uk http://www.thepigfarmer.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] web check
Simply in the root folder, create a file: .htaccess then: --start-- rewriteengine on rewriterule ^gallery/$ gallery.php -- end -- ...or enable multiviews, which is a far slicker way IMHO... P Patrick H. Lauke Web Editor / University of Salford http://www.salford.ac.uk Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] web check
Hi Georg, Many thanks for your comments - much appreciated. I will get on to the 'more' links and add the names. Need some font-resize testing and improvements. Text is overflowing containers in the good browsers under certain conditions, and IE6' 'auto-expansion' bug is not very kind to that layout either. I spotted this and need to take the height attribute off some divs or maybe bring in some kind of auto scroll. A generous 'min-width' is needed for supporting browsers. What does this mean? Making the page wider than 850 pixels if the space is there?? Why would this help? I don't think you need more than one IE-expression for 'min/max-width' in that layout - on the outer wrapper, and it definitely needs some tuning for trigger/fix-points and smoothness of action. Can you expand on this as I am interested in knowing more about it. Thanks, Max. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] web check
Thanks Tim, That's given me something to get stuck in to!! Cheers, Max. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Tim Sent: 13 February 2007 12:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] web check John I like it, your attention to standards with an easy check link on the page footer. Sorry not much time for a full review too much to do, my site always needs attention, a great start. A few things to consider accessibility for bots and page rank as well as well as disability discrimination legal compliance? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] web check
Hi John, Further to Tim's comments I think the JavaScript menu is a weak point. A better solution would be to have the 'Members Name' and 'Type of Furniture' options built in to the content in separate select boxes and then use JavaScript to show one of them and hide the other. The advantage to this is that users without JavaScript will still be able to use the site as intended, and it will also cut down on your source code as the arrays will not be necessary. The only change will be a slightly different layout for non-JavaScript enabled users, and perhaps adjusting your search code to cope with searches on both name and type at the same time - as selecting a name essentially limits the search results to one, a flag to show if this member makes that particular type of furniture or not might do the trick. Although it is not complicated, implementing this is a bit beyond the remit of the WSG mailing list, so please feel free to contact me directly if you would like some help. Ian. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] web check
John 'Max' Maxwell wrote: I will get on to the 'more' links and add the names. The names are there already. Just link them to the relevant pages. Need some font-resize testing and improvements. Text is overflowing containers in the good browsers under certain conditions, and IE6' 'auto-expansion' bug is not very kind to that layout either. I spotted this and need to take the height attribute off some divs or maybe bring in some kind of auto scroll. Look at how IE6 does it - before things starts to break too badly. IE6' 'auto-expansion' bug is useful at times, and it can be replicated in less buggy browsers. A generous 'min-width' is needed for supporting browsers. What does this mean? Making the page wider than 850 pixels if the space is there?? Why would this help? I wrote 'min-width', *not* 'max-width'. At the moment that design can be squeezed down until everything gets out of shape and overlaps. I don't think many of those pages will work on narrower windows that around 700 pixels - even after some improvements for font-resizing, so I think you should add a 'min-width: 700px' to save it. I don't think you need more than one IE-expression for 'min/max-width' in that layout - on the outer wrapper, and it definitely needs some tuning for trigger/fix-points and smoothness of action. Can you expand on this as I am interested in knowing more about it. Read about that 'pixel-based min/max-width expression' here... http://www.gunlaug.no/contents/wd_additions_14.html ...and check out how smooth it works in IE6 on that very page. Those values must be tuned to each layout. There should not be much difference in how IE6 handles that layout when window is resized, from how other browsers handle it. regards Georg -- http://www.gunlaug.no *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] OT? - spam in forms
I seem to be going through a spate of getting spam in a form on one of my sites (the one in the link, below, actually.) So I tried using PHP to randomly display an image and getting the form user to input what it says. I still get spam! I'm presuming that this is because the spammer will work with javascript turned off, making the js checkform routine useless? Sorry if this is OT - can anyone point me to a solution? Thanks for any help . . . -- Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] OT? - spam in forms
Bob, I'm not sure how hard your Captcha code is to programatically recognise, but make sure that your not relying on sessions like this: if($_SESSION['captcha_code'] == $_POST['user_code']) because a robot spammer won't create a session, so its like comparing to if they enter nothing in the user_code You should do something like this: if($_SESSION['captcha_code'] ($_SESSION['captcha_code'] == $_POST['user_code']) Failing that, try doing this little trick... 1) When the user first loads the form, set a cookie 2) When the form is submitted, check the cookie is there 3) If the cookie isn't there, its a robot (or someone with cookies disabled) James On 2/13/07, Designer [EMAIL PROTECTED] wrote: I seem to be going through a spate of getting spam in a form on one of my sites (the one in the link, below, actually.) So I tried using PHP to randomly display an image and getting the form user to input what it says. I still get spam! I'm presuming that this is because the spammer will work with javascript turned off, making the js checkform routine useless? Sorry if this is OT - can anyone point me to a solution? Thanks for any help . . . -- Bob www.gwelanmor-internet.co.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] OT? - spam in forms
Captcha's are evil, not accessible, and a real pain for the end user. Maybe use akismet (http://akismet.com)? If you look on the development page, there are a number of people who have written tools that work with the akismet API (it's quite simple). Perhaps you could just pass the message part to the akismet engine, if it comes back as spam, simply reject it... -Original Message- From: Designer Subject: [WSG] OT? - spam in forms Sorry if this is OT - can anyone point me to a solution? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] OT? - spam in forms
Mike, I've been suggesting the Question/Answer method to people for some time and it's definitely my preferred method. It's so brilliantly simple yet nobody really seems to use it. I guess there's a language issue that might need addressing, but it's definitely an improvement on images. - Andrew Ingram Mike at Green-Beast.com wrote: Hello Bob, This should solve your problem: Stand-alone version: http://green-beast.com/blog/?page_id=71 Demo: http://green-beast.com/gbcf/ WordPress plugin version: http://green-beast.com/blog/?page_id=136 Demo: http://green-beast.com/blog/?page_id=135 Both are standards-compliant and accessible... and they seem to work rather well based on feedback and my own experiences with using them. Respectfully, Mike Cherim - Original Message - From: Designer [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, February 13, 2007 1:06 PM Subject: [WSG] OT? - spam in forms I seem to be going through a spate of getting spam in a form on one of my sites (the one in the link, below, actually.) So I tried using PHP to randomly display an image and getting the form user to input what it says. I still get spam! I'm presuming that this is because the spammer will work with javascript turned off, making the js checkform routine useless? Sorry if this is OT - can anyone point me to a solution? Thanks for any help . . . *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Should I use P or BR?
Hi Everyone, On this website: http://www.raoset.com/terms/#materials Specifically at the Materials section, I want to make it the most readable/useable that I can. So I'm wondering if I should use BR (Which is what is there now) or use a new P tag for each paragraph? (As I typed that I may have figured it out...) But what is the groups opinion? I'm still learning about the web, and specifically web standards and converting my site to be much more standards compatible, including attempting to make it work better for people with devices such as screen readers. In a little bit I will also be asking what I can do to the entire site to make it better for disabled viewers. But I'm not at that point yet. I need to finish going through and cleaning up the code first. So thanks for taking a look and giving me the time to look at it and give your opinion. I truly appreciate it! -- Jason Pruim [EMAIL PROTECTED] Production Technology Manager MQC Specialist (2005 certified) 3251 132nd Ave Holland MI 49424 616.399.2355 www.raoset.com We hold these truths to be self-evident. That all men are created equal, that they are endowed by their creator with certain unalienable rights, (and) that among these are Life, Liberty, and the pursuit of Happiness. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** smime.p7s Description: S/MIME cryptographic signature
Re: [WSG] Should I use P or BR?
On 13 Feb 2007, at 20:09:39, Jason Pruim wrote: Hi Everyone, On this website: http://www.raoset.com/terms/#materials Specifically at the Materials section, I want to make it the most readable/useable that I can. So I'm wondering if I should use BR (Which is what is there now) or use a new P tag for each paragraph? (As I typed that I may have figured it out...) Each of your sections is numbered; this makes it an ordered list. Each list item then contains a heading and one or more paragraphs. So I would suggest that you need to use some structure along the lines of ol li h4 id=proposalsProposals/h4 pProposals are subject to.../p /li li h4 id=cancellationCancellation/h4 pOrders may be.../p /li /ol with use of CSS to get your list numbering inside the h4 elements, and of course multiple p elements in the appropriate sections removing the need for the br elements. This should also help somewhat with the accessibility aspects of the page. HTH, 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] ***
RE: [WSG] web check
Junk mail already??? Thanks. From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of lisa herrod Sent: Wednesday, 14 February 2007 9:27 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] web check On 13/02/07, Patrick Lauke [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P P, what's 'Multiviews'... L *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ___ The information transmitted is for the use of the intended recipient only and may contain confidential and/or legally privileged material. Any review, re-transmission, disclosure, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited and may result in severe penalties. If you have received this e-mail in error please notify the Security Advisor of the Department of Communications, Information Technology and the Arts, telephone (02) 6271-1880 and delete all copies of this transmission together with any attachments. For all other enquiries please ring (02) 6271-1000. ___ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] can I create sepearate print style sheet for IE only?
Hello Tee, You can use conditional comments as normal. !--[if IE] link rel=stylesheet type=text/css media=print href=/ ieprint.css / ![endif]-- -- Regards, Wojciech Zając http://www.linkedin.com/in/wojciechzajac On Feb 13, 2007, at 11:23 PM, Tee G. Peng wrote: Hi, I was working on a print style sheet, I need to keep the print layout looks similar to screen, problem is that I have used table, table-row and table cell to achieve equal heights, and gave negative margins/paddings for IE. I have already removed the negative margins/paddings, overflows eccetera in IE, but the contents are still disappearing in IE in print. Is it possible to give IE different print style sheet? Thanks! tee *** 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] web check
Well, that's funny because I signed up to take part in an ongoing exchange of information and opinions about standards in web design and development. I think finding ways to eliminate displaying file extensions in URL boxes is pertinent to this. Maybe you're on the wrong list, Belinda, or your expectations of this one are misplaced. I'd say Patrick's comment and Lisa's query are entirely relevant. Ricky _ From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Priestley, Belinda Sent: Wednesday, 14 February 2007 9:56 AM To: lisa herrod Cc: wsg@webstandardsgroup.org Subject: RE: [WSG] web check Lisa, I signed up to this email account to get emails about WSG events/meetings/news. Not to get every email under the sun that seems to be about nothing. How is this not junk mail, if this is all I got emailed on behalf of you? On 13/02/07, Patrick Lauke [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P _ P, what's 'Multiviews'... L Please don't waste my time with this junk. And next time you create a mailing list perhaps you should create some rules around it, so only WSG can email out to the list. Because at the moment it seems that all members are receiving this junk from anyone and they probably don't have time for it either. Kind Regards, Belinda _ From: lisa herrod [mailto:[EMAIL PROTECTED] Sent: Wednesday, 14 February 2007 9:44 AM To: Priestley, Belinda Subject: Re: [WSG] web check Hi Belinda, I've just finished reading this thread, I'm not sure what you mean by 'Junk Mail', but I can assure you it isn't :) Feel free to contact me if you have any concerns, Lisa Herrod List Admin, WSG Core On 14/02/07, Priestley, Belinda [EMAIL PROTECTED] wrote: Junk mail already??? Thanks. _ From: listdad@webstandardsgroup.org [mailto: mailto:listdad@webstandardsgroup.org [EMAIL PROTECTED] On Behalf Of lisa herrod Sent: Wednesday, 14 February 2007 9:27 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] web check On 13/02/07, Patrick Lauke [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P P, what's 'Multiviews'... L *** 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] web check
I recently signed up to receive information about WSG events, as these are no longer being sent around in other formats. I saw at the signon there were different options for how we receive WSG information. Is it possible to create a new category of notices of events only? As the majority of this discussion is not relevant to me, while the events are. Thanks, Kate From: Ricky Onsman [mailto:[EMAIL PROTECTED] Sent: Tuesday, 13 February 2007 10:27 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] web check Well, that's funny because I signed up to take part in an ongoing exchange of information and opinions about standards in web design and development. I think finding ways to eliminate displaying file extensions in URL boxes is pertinent to this. Maybe you're on the wrong list, Belinda, or your expectations of this one are misplaced. I'd say Patrick's comment and Lisa's query are entirely relevant. Ricky From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Priestley, Belinda Sent: Wednesday, 14 February 2007 9:56 AM To: lisa herrod Cc: wsg@webstandardsgroup.org Subject: RE: [WSG] web check Lisa, I signed up to this email account to get emails about WSG events/meetings/news. Not to get every email under the sun that seems to be about nothing. How is this not junk mail, if this is all I got emailed on behalf of you? On 13/02/07, Patrick Lauke [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P _ P, what's 'Multiviews'... L Please don't waste my time with this junk. And next time you create a mailing list perhaps you should create some rules around it, so only WSG can email out to the list. Because at the moment it seems that all members are receiving this junk from anyone and they probably don't have time for it either. Kind Regards, Belinda From: lisa herrod [mailto:[EMAIL PROTECTED] Sent: Wednesday, 14 February 2007 9:44 AM To: Priestley, Belinda Subject: Re: [WSG] web check Hi Belinda, I've just finished reading this thread, I'm not sure what you mean by 'Junk Mail', but I can assure you it isn't :) Feel free to contact me if you have any concerns, Lisa Herrod List Admin, WSG Core On 14/02/07, Priestley, Belinda [EMAIL PROTECTED] wrote: Junk mail already??? Thanks. From: listdad@webstandardsgroup.org [mailto: listdad@webstandardsgroup.org mailto:listdad@webstandardsgroup.org ] On Behalf Of lisa herrod Sent: Wednesday, 14 February 2007 9:27 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] web check On 13/02/07, Patrick Lauke [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P P, what's 'Multiviews'... L *** 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] web check
Congratulations, you win the award for asshat of the day! People ask questions and engage in discussions. No need to shut them down. Subscribe to the daily digest if you don't want every individual email. In any case, that isn't junk mail - junk mail implies advertising/spam... It was a valid question following on from a discussion in this thread. There are no bad questions, just stupid responses... To answer the question about multiviews. I haven't used it before (like I said I use htaccess and mod_rewrite). http://httpd.apache.org/docs/1.3/content-negotiation.html im guessing it allows you to ignore the file extension and it will patch that on for you, on the server side. Quote from that link: Filename Valid hyperlink Invalid hyperlink *foo.html.en* foo foo.html - *foo.en.html* foo foo.html *foo.html.en.gz* foo foo.html foo.gz foo.html.gz *foo.en.html.gz* foo foo.html foo.html.gz foo.gz *foo.gz.html.en* foo foo.gz foo.gz.html foo.html *foo.html.gz.en* foo foo.html foo.html.gz foo.gz - Chris On 2/14/07, Priestley, Belinda [EMAIL PROTECTED] wrote: Junk mail already??? Thanks. -- *From:* listdad@webstandardsgroup.org [mailto: [EMAIL PROTECTED] *On Behalf Of *lisa herrod *Sent:* Wednesday, 14 February 2007 9:27 AM *To:* wsg@webstandardsgroup.org *Subject:* Re: [WSG] web check On 13/02/07, *Patrick Lauke* [EMAIL PROTECTED] wrote: ...or enable multiviews, which is a far slicker way IMHO... P P, what's 'Multiviews'... L *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ___ The information transmitted is for the use of the intended recipient only and may contain confidential and/or legally privileged material. Any review, re-transmission, disclosure, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited and may result in severe penalties. If you have received this e-mail in error please notify the Security Advisor of the Department of Communications, Information Technology and the Arts, telephone (02) 6271-1880 and delete all copies of this transmission together with any attachments. For all other enquiries please ring (02) 6271-1000. ___ *** 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 and non-standard properties
given they are doing it with -engine-rule their shouldn't be a problem (the w3c recommends this method for non standard rules). ...which is funny since I've heard they resist the idea of an engine-based selector rule! e.g you could have an opacity rule like : [snip] and the browser engine should pick up the one it supports best. As the engines work out any bugs with opacity (for example) they will hopefully end up using opacity : 50; and you will end up with something like this, assuming MS sits on their keyboards. My concern with this whole approach is expecting people to go back and remove the non-standard rules. In the real world we're going to be stuck with the non-standard stuff for a long time to come; particuarly when developers use them without understanding the full situation. Not all developers know the standards as well as the average reader on this list. Plenty learn by copying other CSS, so they might not even know that -moz-opacity *isn't* standard (don't scoff, it happens!). I don't immediately see the benefit to the UA developers using a custom rule... Why not just use the real thing? I can only assume there's something about the process that I'm not aware of. -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] ***
Re: [WSG] Web Writing Instructors (possibly OT)
why not do it on line? http://www.gnc-web-creations.com/seo-optimization.htm dwain On 2/13/07, Paul Hempsall [EMAIL PROTECTED] wrote: I apologise if this is a tad OT. Please send replies offlist. Just wondering if anyone can provide me with some referrals for Web Writing trainers? Ideally, the trainer would: 1. Be familiar with Web Standards, semantic markup and preparing content from an SEO viewpoint 2. Can advise our Content Editors in what qualifies as quality web content (from a reader/customer perspective) 3. Demonstrate how to adapt content for the web - writing techniques for the web medium 4. Is mindful of writing content so that it is accessible 5. Be willing to work with our Training Officer to assist in developing a course that we'll be able to deliver in-house in the future. Initially we'd be looking at training 20-25 people, on location at beautiful Lake Macquarie (so you'd most likely be from the Sydney/Newcastle/Hunter region). Some of our staff has participated in courses run through the UTS, however I've had trouble locating these trainers. Again, sorry if this is OT! Best Regards, Paul Hempsall Web Developer Lake Macquarie City Council Phone: (02) 4921-0713 Fax: (02) 4921-0566 Web: http://www.lakemac.com.au This information is intended for the addressee only. The use, copying or distribution of this message or any information it contains, by anyone other than the addressee is prohibited by the sender. Any views expressed in this communication are those of the individual sender, except where the sender specifically states them to be the views of Council. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- dwain alford p.o. box 145 winfield, alabama 35594 u.s.a. tele: 205.487.2570 cell: 205.495.5619 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Accessibility - display: none v.s. left: -9999px
The tests documented here http://www.access-matters.com/screen-reader-test-results/ confirm that either negative text indent or absolute positioning off screen is the best way to go - if you need to have content heard but not seen. And best not style with 'visibility: hidden;' or 'display:none;' as the content will not be heard in the majority of cases. Kind regards, Brad Pollard http://www.fatpublisher.com.au - Original Message - From: Gav [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, February 12, 2007 6:31 PM Subject: RE: [WSG] Accessibility - display: none v.s. left: -px -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Blake Sent: Monday, 12 February 2007 5:20 PM To: wsg@webstandardsgroup.org Subject: [WSG] Accessibility - display: none v.s. left: -px Which is more accessible to screen readers and the like? display: none; or position: absolute; left: -px; I think I've read that screen readers will read content that is positioned off-screen, but will not read content that is set to display: none. Yep, correct on both counts. Gav... -- Australian Web Designer - http://www.blakehaswell.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.411 / Virus Database: 268.17.35/680 - Release Date: 2/10/2007 *** 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] web check
P, what's 'Multiviews'... Lise, it's Apache's feature, part of content negotiation apparatus: http://httpd.apache.org/docs/2.0/content-negotiation.html#multiviews The effect of MultiViews is as follows: if the server receives a request for /some/dir/foo, if /some/dir has MultiViews enabled, and /some/dir/foo does not exist, then the server reads the directory looking for files named foo.*, and effectively fakes up a type map which names all those files, assigning them the same media types and content-encodings it would have if the client had asked for one of them by name. It then chooses the best match to the client's requirements. I hope this explains it (even though I'm not P ;) -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Accessibility - display: none v.s. left: -9999px
Hi guys Which is more accessible to screen readers and the like? display: none; or position: absolute; left: -px; I think I've read that screen readers will read content that is positioned off-screen, but will not read content that is set to display: none. You need to keep in mind that some users will have CSS on, but images will be turned off. That means that if your text is positioned off screen, and images are off, nothing will be displayed. It's really important to remember this when you're using Images as text for headings and navigation. Users who might do this are people in rural and regional areas, who have a poor Internet connection, or even some users of mobile devices. So... what's the workaround for this?? Try not to use images for text in essential elements such as headings, navigation and content. Lisa *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS and non-standard properties
On Feb 14, 2007, at 10:13 AM, Ben Buchanan wrote: I don't immediately see the benefit to the UA developers using a custom rule... Why not just use the real thing? I can only assume there's something about the process that I'm not aware of. Take border-radius. When it was first implemented in Gecko, centuries ago, they used (and still use): -moz-border-radius-topleft that was more or less what a then draft was suggesting. Fast-forward, WebKit uses -webkit-border-top-left-radius according to more current drafts. The advantage of using vendor prefixes for experimental properties is obvious. Once a CSS3 draft enters a more stable stage (last-call) or similar, the vendor can always alias their implemented name to the real thing, internally. Who knows what the real property name will be ? Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Re: digest for wsg@webstandardsgroup.org - Confirmation Request
This message was created automatically by my Spam Filtering System at Actrix Networks. Sorry, but you (wsg@webstandardsgroup.org) are not on my list of pre-approved contacts, so your message (attached) has been put on hold. If you need to get that message to me urgently, or would just like me to receive it, please send a blank reply to this e-mail. This will release your original message to my mailbox. By doing this you will confirm that your message is legitimate, and not spam/junkmail. However, if you wish to be added to my list of pre-approved contacts permanently, so that future e-mails from you can reach me unhindered, please e-mail me again and ask. For more information on Actrix security services go to: http://www.actrix.co.nz/domestic/security/ If you do not respond to this confirmation request within 1 month, your message will not be delivered. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Re: digest for wsg@webstandardsgroup.org - Confirmation Request; SEC=UNCLASSIFIED
-Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Anthony David Pritchard Sent: Wednesday, 14 February 2007 16:05 To: wsg@webstandardsgroup.org Subject: [WSG] Re: digest for wsg@webstandardsgroup.org - Confirmation Request This message was created automatically by my Spam Filtering System at Actrix Networks. Sorry, but you (wsg@webstandardsgroup.org) are not on my list of pre-approved contacts, so your message (attached) has been put on hold. If you need to get that message to me urgently, or would just like me to receive it, please send a blank reply to this e-mail. This will release your original message to my mailbox. By doing this you will confirm that your message is legitimate, and not spam/junkmail. However, if you wish to be added to my list of pre-approved contacts permanently, so that future e-mails from you can reach me unhindered, please e-mail me again and ask. For more information on Actrix security services go to: http://www.actrix.co.nz/domestic/security/ If you do not respond to this confirmation request within 1 month, your message will not be delivered. *** 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] another print style sheet question
Of course, I think! They may have suggested the difference in styles, not the way of doing it. Well, my real two cents. Regards; Eugenio. On 2/13/07, Tee G. Peng [EMAIL PROTECTED] wrote: I need another print style sheet for another site, and clients sent me this as example from the NYTimes: Story: http://www.nytimes.com/2007/02/13/us/13cnd-storm.html? hpex=1171429200en=2c5be196c4499b0dei=5094partner=homepage Print version: http://www.nytimes.com/2007/02/13/us/13cnd-storm.html? ei=5094en=2c5be196c4499b0dhp=ex=1171429200partner=homepagepagewante d=print I went through the sourcecode, believe that the style sheet isn't controlled by print style but a whole new html page. Does this meant if there are 100 pages of stories, the NYT design team needed to create seperated 100 pages for print version? Or is it control by JS? For NYTimes, as a reader, I like the approach but I am not sure about the site I was working (it's a department of UC) and I figure there are at least 50 pages, I am thinking to suggest a print style sheet instead of seperated print version html file. Will my suggestion a better approach? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
