[WSG] Text flow and two bottom aligned floats?
Just a quick question.. I am wondering what techniques people would use to layout a paragraph of text with two right floated images and have the text wrap around the images as shown. The main thing is the two images need to both be bottom aligned to each other ;) I have a couple of ideas, but they both seem quite a lot of leg work just to do something quite simple as flow some text around a couple of images. eg Heading +---+ text text text | | text text text | | text text +---+ | | text text | | | | text text +---+ +---+ This one is easy Heading +---+ +---+ text text | | | | text text +---+ | | text text text | | text text text | | text text text +---+ Chris ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] frames
Hi All, Can anyone tell me if/when it is 'OK' to use frames? Since the W3C spec still includes them, I wondered (if) when it was considered legit to employ them - on a par with tables, which are avoided at all costs, except when displaying 'tabular data'. So I assume the W3C have included frames in the spec for some good reason? An example URL (or two) would be great. Please don't turn this into a rant (or worse) - it's a serious question. Thank you. Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] frames
hi, Can anyone tell me if/when it is 'OK' to use frames? Since the W3C spec still includes them, I wondered (if) when it was considered legit to employ them - on a par with tables, which are avoided at all costs, except when displaying 'tabular data'. So I assume the W3C have included frames in the spec for some good reason? An example URL (or two) would be great. Please don't turn this into a rant (or worse) - it's a serious question. Frames are not inherently evil, it's more that people tend to use them very badly. It's sort of fashionable to abhor frames, too ;) I've heard it all, since I am currently stuck with them at work. You'll find that a lot of major portal applications and content management systems tend to produce framesets (or use them for their admin interface), so it's not like they're about to vanish. On top of that, a frameset which validates will not look right. eg If you want invisible frame borders you're basically stuck with invalid documents (if anyone can show a technique to the contrary I'd be very happy :)). The key problem is that you have to leave off the DOCTYPE, however you can mark everything up so that it *works* even though it doesn't validate. The key things to do are 1) keep the frameset as simple as possible, 2) ensure you title each frame appropriately [http://www.w3.org/TR/WCAG10-HTML-TECHS/#frame-names], 3) avoid nesting framesets, and 4) make sure the noframes includes links to all framed documents. if nothing else, search engine bots generally don't read framesets, they read the noframes. No doubt I'll need to retreat to a fireproof bunker now ;) cheers, h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
I develop sites primarily for Opera and Firefox and then downgrade for IE6. I occasionally check in Safari. Opera/Gecko/Safari get fully-featured website. IE6 almost (except some :hover/:focus, etc) and generally I don't care about anything else. If client pays extra I add stylesheet+scripting hacks for IE5/win. I quite often use position:absolute + right/bottom, @media and some other things that are disasterous for IE5/mac. I don't like to hide my * html hacks from it either, so IE5/mac is really low on my list. I hide styles entirely from 4.x browsers. There is no way to force me to support NN. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
I design on the mac so I first test on Safari and then Camino. Then I go to my PC or VNC it and test on IE6.0 and Firefox. Firefox and Camino have slight differences e.g. form behaviour and font-size in form inputs so it's important to test in both. And then I test on Opera on the mac. Finally, I test on IE 5 on both mac and PC and make sure it breaks down gracefully and is at least functional though ugly on both browsers. Regards, Muammar Kris Khaira http://kriskhaira.com http://www.lifelogger.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
Neerav, we develop for Firefox and test while developing from time to time in Opera (7). If everything is done, we check in IE6 and Safari and tweak the code (using conditional comments for IE). After that we check in IE5 (Win), but just if anything breaks the layout completly. IE5 Mac and Version 4 Browsers get unstyled text without decorative images/flash. Once in a while we check our site in Konqueror. Martin. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] whats this
hello. I was looking over the list navigation article at http://www.complexspiral.com/events/archive/2003/seybold/cssnav.html lia href=index.html id=homeWidgetCo Home/a/li what is the id=home used for in this href? theres no css rule for it in the styles for that page? -kvnmcwebn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Minimum browsers/OS tested for?
I test on a PC using Firefox and IE5 (one good browser and one rubbish one). I find that if I test on both of these browsers as I go along, it tends to minimise the amount of tweaks I have to do later on. It's worked for my last few sites anyway. Once completed I test in Opera and Netscape on PC and Safari and IE5 on Mac. Cheers Nick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Neerav Sent: 12 May 2005 03:03 To: WSG Subject: [WSG] Minimum browsers/OS tested for? Hi I havent asked this for a while so it would be interesting to know what the current trend in Browser/Operating system support is for the freelancers/corporates on this list to see if there has been any change in the last 6-12 months Theoretical example 1: we used to design for 5.x browsers but recently stopped doing so without charging clients an extra XX% Theoretical example 2: we didn't test functionality on Mozilla before, but the increasing usage of Mozilla in site statistics convinced management to allow time for Mozilla testing etc etc -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** This e-mail has been scanned for all viruses by Star. The service is powered by MessageLabs. For more information on a proactive anti-virus service working around the clock, around the globe, visit: http://www.star.net.uk This e-mail has been scanned for all viruses by Star. The service is powered by MessageLabs. For more information on a proactive anti-virus service working around the clock, around the globe, visit: http://www.star.net.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] whats this
Kvnmcwebn I was looking over the list navigation article at http://www.complexspiral.com/events/archive/2003/seybold/cssnav.html what is the id=home used for in this href? If you look halfway down that page, you'll see the section titled Link Highlighting. The CSS there shows what you can do when all links have their own ID. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] whats this
On Wed, 11 May 2005 19:49:36 -0400, Kvnmcwebn [EMAIL PROTECTED] wrote: I was looking over the list navigation article at http://www.complexspiral.com/events/archive/2003/seybold/cssnav.html lia href=index.html id=homeWidgetCo Home/a/li what is the id=home used for in this href? Could be an Ooops. You could shoot this over to the CSS-D list. Maybe Mr. Meyer will answer. Unless he's on this list too! -- Tom Livingston Senior Multimedia Artist mlinc.com -- www.browsehappy.com www.opera.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] whats this
On 12 May 2005, at 10:44 PM, Tom Livingston wrote: Could be an Ooops. No, not at all. Even if there's no CSS that references it, it provides a hook if you *do* want to style that element individually later on... I always give my nav links unique IDs for that purpose. N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] whats this
Nick Gleitzman wrote: On 12 May 2005, at 10:44 PM, Tom Livingston wrote: Could be an Ooops. No, not at all. Even if there's no CSS that references it, it provides a hook if you *do* want to style that element individually later on... I always give my nav links unique IDs for that purpose. it can also serve as a bookmark... a href=page.html#homehome/a on another page will bring you right to that menu. saves from adding a id=home/a tags. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] whats this
On Thu, 12 May 2005 08:54:40 -0400, Nick Gleitzman [EMAIL PROTECTED] wrote: if you *do* want to style that element Good idea. Although, for a file size miser, it might seem a waste. Especially if you have extensive nav/links... -- Tom Livingston Senior Multimedia Artist mlinc.com -- www.browsehappy.com www.opera.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] frames
Sometimes frames make good sense to use. I created a web page checker / validator using an XHTML frameset for the results: http://www.websemantics.co.uk/pilotworkshop/page_checker/ I believe the use is both semantic and accessible. It was created as an example of framesets rather than as a tool. Mike 2k:)2 Mike Foskett Web Standards, Accessibility Testing Consultant Multimedia Publishing and Production British Educational Communications and Technology Agency (Becta) Milburn Hill Road, Science Park, Coventry CV4 7JJ Email: [EMAIL PROTECTED] Tel: 02476 416994 Ext 3342 [Tuesday - Thursday] Fax: 02476 411410 www.becta.org.uk -Original Message- From: heretic [mailto:[EMAIL PROTECTED] Sent: 12 May 2005 12:12 To: wsg@webstandardsgroup.org Subject: Re: [WSG] frames hi, Can anyone tell me if/when it is 'OK' to use frames? Since the W3C spec still includes them, I wondered (if) when it was considered legit to employ them - on a par with tables, which are avoided at all costs, except when displaying 'tabular data'. So I assume the W3C have included frames in the spec for some good reason? An example URL (or two) would be great. Please don't turn this into a rant (or worse) - it's a serious question. Frames are not inherently evil, it's more that people tend to use them very badly. It's sort of fashionable to abhor frames, too ;) I've heard it all, since I am currently stuck with them at work. You'll find that a lot of major portal applications and content management systems tend to produce framesets (or use them for their admin interface), so it's not like they're about to vanish. On top of that, a frameset which validates will not look right. eg If you want invisible frame borders you're basically stuck with invalid documents (if anyone can show a technique to the contrary I'd be very happy :)). The key problem is that you have to leave off the DOCTYPE, however you can mark everything up so that it *works* even though it doesn't validate. The key things to do are 1) keep the frameset as simple as possible, 2) ensure you title each frame appropriately [http://www.w3.org/TR/WCAG10-HTML-TECHS/#frame-names], 3) avoid nesting framesets, and 4) make sure the noframes includes links to all framed documents. if nothing else, search engine bots generally don't read framesets, they read the noframes. No doubt I'll need to retreat to a fireproof bunker now ;) cheers, h -- --- http://www.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This footnote also confirms that this email message has been swept by MIMEsweeper for the presence of computer viruses. www.mimesweeper.com ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
Our current list is: Windows 2000/XP Mac OS 10 + Browsers: IE 6.0 + Netscape 7 + Firefox 1 + Mozilla 1.7 + Safari We are a company, with most of our users are IE6 on Windows. They're in industries where the flashiest newest is not a proirity. We until recently fully supported IE 5/5.5 but no more. I'll make sure it's not totally yucky, but it's ok to degrade. My $0.02 from Washington DC lisa ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
Neerav wrote: I havent asked this for a while so it would be interesting to know what the current trend in Browser/Operating system support is for the freelancers/corporates on this list to see if there has been any change in the last 6-12 months I think of people stuck with old browsers, the same way I think of people using keyboard navigation, etc. I believe browser support is accessibility, so I spend time tweaking my sheets, *trying* to make my sites look good in as many browsers as possible. I test in: Mac: Mozilla, Firefox, Safari, Camino, IE5.0 (OS9) and 5.2 (OSX) Windows: MSIE 5.0/5.5/6.0 - NN 4/6/7 - Opera 6+, Mozilla, Firebird, Firefox 0.8+ Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
On Thu, 12 May 2005 15:56:10 +0100, Thierry Koblentz [EMAIL PROTECTED] wrote: I think of people stuck with old browsers, the same way I think of people using keyboard navigation, etc. I believe browser support is accessibility, so I spend time tweaking my sheets, *trying* to make my sites look good in as many browsers as possible. Pretty does not mean accessible. I think it's better to spend time on some WAI checkpoints rather than adding display tweaks for NN4 and alike. If your HTML is well-written, it should be pretty accessible without stylesheets or scripting, and you could spend your time on something more useful. Mac: Mozilla, Firefox, Safari, Camino, IE5.0 (OS9) and 5.2 (OSX) Windows: MSIE 5.0/5.5/6.0 - NN 4/6/7 - Opera 6+, Mozilla, Firebird, Firefox 0.8+ I'd absolutely drop NN4. If it still has any users alive, they should be used to that sites are unstyled/broken in it. NN6 is rather experimental/broken and I can't even find a trace of it in webstats I use (ranking.pl). Opera users upgrade so quickly that Opera 6 now has few times smaller userbase than IE4. It's really marginal - I guess most of them are mobile phones users, and only Opera 7+ has option for testing handheld styles... Check Gecko versions in NN7/Firebird and Mozilla/Firefox you use - probably they use (almost) the same engines, so you don't have to use them all for testing. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Reapplying your CSS when the page length changes
Any ideas? Thanks, Stephen - Original Message - From: Stevio [EMAIL PROTECTED] To: Web Standards Group wsg@webstandardsgroup.org Sent: Tuesday, May 10, 2005 10:39 PM Subject: [WSG] Reapplying your CSS when the page length changes I have some JavaScript code that causes some content to be displayed when the user mouseover's an element. This extra content causes the page length to increase. However, I have some absolutely positioned footers. When the extra content appears, the footer overlaps with it. The positioning styles do not seem to be getting reapplied when the extra content is shown. Is there a way, perhaps just a simple JavaScript function I can use, to tell the page to reapply the CSS to make sure everything is positioned right when the extra content is shown? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Using valid JavaScript
I am doing some work which involves resizing objects using JavaScript. However, properties like offsetHeight, innerHeight and clientHeight are not listed in the references here: http://www.w3schools.com/ Does that mean the guide at W3Schools is not very good, or that these properties are not supported by all browsers? Is there such a thing as valid, standards compliant JavaScript? Where can I find a reference guide of JavaScript properties that are supported across all browsers? What I am specifically trying to do is find out things like the height of the body and the height of particular elements within the page. Any suggestions or ideas welcome. Sorry if this is a bit off topic. (Is it?) Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Using valid JavaScript
Stevio Where can I find a reference guide of JavaScript properties that are supported across all browsers? In an ideal world, standard DOM should be supported by most modern browsers (although you may still come across some quirks in certain browsers' implementations) http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html You may have to do some doubling up of code, to cater for situations in which a certain property or method is not supported. P Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Reapplying your CSS when the page length changes
Try this and see if it helps. Place it between the head tags. !-- to correct the unsightly Flash of Unstyled Content. http://www.bluerobot.com/web/css/fouc.asp -- script type=text/javascript/script Parker On 5/11/05, Stevio [EMAIL PROTECTED] wrote: Any ideas? Thanks, Stephen - Original Message - From: Stevio [EMAIL PROTECTED] To: Web Standards Group wsg@webstandardsgroup.org Sent: Tuesday, May 10, 2005 10:39 PM Subject: [WSG] Reapplying your CSS when the page length changes I have some JavaScript code that causes some content to be displayed when the user mouseover's an element. This extra content causes the page length to increase. However, I have some absolutely positioned footers. When the extra content appears, the footer overlaps with it. The positioning styles do not seem to be getting reapplied when the extra content is shown. Is there a way, perhaps just a simple JavaScript function I can use, to tell the page to reapply the CSS to make sure everything is positioned right when the extra content is shown? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.8 - Release Date: 10/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Minimum browsers/OS tested for?
Kornel Lesinski wrote: Pretty does not mean accessible. OK, I should have said look good and functional ;-) For example, when DIVs overlap, links become unclickable, content disappear. etc. I think it's better to spend time on some WAI checkpoints rather than adding display tweaks for NN4 and alike. I try to do both. If your HTML is well-written, it should be pretty accessible without stylesheets or scripting, and you could spend your time on something more useful. If the HTML/CSS is well written a document can look good/be functional in many browsers too. For example, why is it so complicated for some people to have a decent layout in IE5/Win? Because of its broken box model or because of the designer's skills? BTW, I think serving no style sheet to NN4 is one thing, but letting v.5 browsers feed on styles that break them is another story. I'd absolutely drop NN4. If it still has any users alive, they should be used to that sites are unstyled/broken in it. NN6 is rather experimental/broken and I can't even find a trace of it in webstats I use (ranking.pl). My reply to the OP was to tell him how I do it, not to tell people what they should do ;-) Opera users upgrade so quickly that Opera 6 now has few times smaller userbase than IE4. It's really marginal - I guess most of them are mobile phones users, and only Opera 7+ has option for testing handheld styles... I agree... Check Gecko versions in NN7/Firebird and Mozilla/Firefox you use - probably they use (almost) the same engines, so you don't have to use them all for testing. You're right, but it feels so good when you open a document in 4 or 5 different browsers in a row and it looks the *same* :-) I don't [try to] build layouts with strong browser support because I have too, I just do it for the challenge. And there is no time wasted because that's the way I learn... Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] when navigation schemes go bad.
For what it's worth, I thought this style sheet might be interesting. We have a navigation that can be as deep as three nested elements. This style sheet is imported as nav.css. Each body is given a series of class elements (class=sub1 sub1sub1 asub1sub1) or something similar, depending on where the page sits in the navigation list. [on v2, I changed sub1 to nav1 which is a better description for the top-level] The following styles open, close the nested elements, highlight the current page, show who the parent element is via color, etc. It took forever to create, but I kind of like it now, if for no other reason that trying to impress co-workers with the overwhelming logic. Of course, they say, why couldn't we just put a style in the head of each page. Yeah, sure, go the easy route. Apologies in advance if this message is too long for your mailbox. Take a deep breath. /* persistant navigation ===*/ #navigation {background-color:#28455B;} #mainnav {background:#29475d; width:182px; list-style-type:none;padding:10px 0 10px 7px;} #mainnav li {list-style-type:none; margin:0 0 -1px 0; padding:0;} #mainnav li a {display:block; border-top:1px solid #fff; padding-right:5px; padding-left:5px; text-decoration:none; font-weight:bold!important; color:#fff; background:#0b73c1; } #mainnav li a:hover {background-color:#fff; color:#000; } #mainnav li ul li a {background-color:#7fc4f7; color:#333; padding-left:15px;} #mainnav li ul li ul li a {background-color:#C7E7FF; color:#333; padding-left:30px;} #mainnav li ul, #mainnav li ul li ul, #mainnav li ul li ul li ul {display:none;} /* show sub on hover, this is annoying with long lists #mainnav li:hover ul, #mainnav li ul li:hover ul, #mainnav li ul li ul li:hover ul {display:block;}*/ /* open submenus */ .sub1 #sub1 ul, .sub2 #sub2 ul, .sub3 #sub3 ul, .sub4 #sub4 ul, .sub5 #sub5 ul, .sub6 #sub6 ul, .sub7 #sub7 ul, .sub8 #sub8 ul, .sub9 #sub9 ul, .sub10 #sub10 ul, .sub11 #sub1 ul {display:block;} /* keep their sub menus closed */ .sub1 #sub1 ul li ul, .sub2 #sub2 ul li ul, .sub3 #sub3 ul li ul, .sub4 #sub4 ul li ul, .sub5 #sub5 ul li ul, .sub6 #sub6 ul li ul, .sub7 #sub7 ul li ul, .sub8 #sub8 ul li ul, .sub9 #sub9 ul li ul, .sub10 #sub10 ul li ul, .sub11 #sub1 ul li ul{display:none;} /* open sub sub menus */ .sub1sub1 #sub1sub1 ul, .sub1sub2 #sub1sub2 ul, .sub1sub3 #sub1sub3 ul, .sub1sub4 #sub1sub4 ul, .sub1sub5 #sub1sub5 ul{display:block!important;} .sub2sub1 #sub2sub1 ul, .sub2sub2 #sub2sub2 ul, .sub2sub3 #sub2sub3 ul, .sub2sub4 #sub2sub4 ul, .sub2sub5 #sub2sub5 ul{display:block!important;} .sub3sub1 #sub3sub1 ul, .sub3sub2 #sub3sub2 ul, .sub3sub3 #sub3sub3 ul, .sub3sub4 #sub3sub4 ul, .sub3sub5 #sub3sub5 ul{display:block!important;} .sub4sub1 #sub4sub1 ul, .sub4sub2 #sub4sub2 ul, .sub4sub3 #sub4sub3 ul, .sub4sub4 #sub4sub4 ul, .sub4sub5 #sub4sub5 ul {display:block!important;} .sub5sub1 #sub5sub1 ul, .sub5sub2 #sub5sub2 ul, .sub5sub3 #sub5sub3 ul, .sub5sub4 #sub5sub4 ul, .sub5sub5 #sub5sub5 ul {display:block!important;} .sub6sub1 #sub6sub1 ul, .sub6sub2 #sub6sub2 ul, .sub6sub3 #sub6sub3 ul, .sub6sub4 #sub6sub4 ul, .sub6sub5 #sub6sub5 ul{display:block!important;} .sub7sub1 #sub7sub1 ul, .sub7sub2 #sub7sub2 ul, .sub7sub3 #sub7sub3 ul, .sub7sub4 #sub7sub4 ul, .sub7sub5 #sub7sub5 ul{display:block!important;} .sub8sub1 #sub8sub1 ul, .sub8sub2 #sub8sub2 ul, .sub8sub3 #sub8sub3 ul, .sub8sub4 #sub8sub4 ul, .sub8sub5 #sub8sub5 ul{display:block!important;} .sub9sub1 #sub9sub1 ul, .sub9sub2 #sub9sub2 ul, .sub9sub3 #sub9sub3 ul, .sub9sub4 #sub9sub4 ul, .sub9sub5 #sub9sub5 ul{display:block!important;} .sub10sub1 #sub10sub1 ul, .sub10sub2 #sub10sub2 ul, .sub10sub3 #sub10sub3 ul, .sub10sub4 #sub10sub4 ul, .sub10sub5 #sub10sub5 ul {display:block!important;} .sub11sub1 sub11sub1# ul, .sub11sub2 #sub11sub2 ul, .sub11sub3 #sub11sub3 ul, .sub11sub4 #sub11sub4 ul, .sub11sub5 #sub11sub5 ul {display:block!important;} .sub12sub1 #sub12sub1 ul, .sub12sub2 #sub12sub2 ul, .sub12sub3 #sub12sub3 ul, .sub12sub4 #sub12sub4 ul, .sub12sub5 #sub12sub5 ul{display:block!important;} /*Give the Parent levels a lighter shade of blue and black text */ .sub1 #sub1 a, .sub2 #sub2 a, .sub3 #sub3 a, .sub4 #sub4 a, .sub5 #sub5 a, .sub6 #sub6 a, .sub7 #sub7 a, .sub8 #sub8 a, .sub9 #sub9 a, .sub10 #sub10 a, .sub11 #sub1 a {background-color:#7fc4f7; color:#000;} .sub1sub1 #sub1sub1 a, .sub1sub2 #sub1sub2 a, .sub1sub3 #sub1sub3 a, .sub1sub4 #sub1sub4 a, .sub1sub5 #sub1sub5 a{background-color:#C7E7FF; color:#000;} .sub2sub1 #sub2sub1
Re: [WSG] when navigation schemes go bad.
On Thu, 12 May 2005 12:35:24 -0400, Drake, Ted C. [EMAIL PROTECTED] wrote: For what it's worth, I thought this style sheet might be interesting. [...] Thanks for sharing. BTW, Value for color#333 is empty(28 instances). David Laakso -- http://www.dlaakso.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] when navigation schemes go bad.
Ted, Do you have a URL for a page that show's this in action? Mary On 12 May 2005, at 17:35, Drake, Ted C. wrote: For what it's worth, I thought this style sheet might be interesting. We have a navigation that can be as deep as three nested elements. This style sheet is imported as nav.css. Each body is given a series of class elements (class=sub1 sub1sub1 asub1sub1) or something similar, depending on where the page sits in the navigation list. [on v2, I changed sub1 to nav1 which is a better description for the top-level] The following styles open, close the nested elements, highlight the current page, show who the parent element is via color, etc. It took forever to create, but I kind of like it now, if for no other reason that trying to impress co-workers with the overwhelming logic. Of course, they say, why couldn't we just put a style in the head of each page. Yeah, sure, go the easy route. Apologies in advance if this message is too long for your mailbox. Take a deep breath. /* persistant navigation ===*/ #navigation {background-color:#28455B;} #mainnav {background:#29475d; width:182px; list-style-type:none;padding:10px 0 10px 7px;} #mainnav li {list-style-type:none; margin:0 0 -1px 0; padding:0;} #mainnav li a {display:block; border-top:1px solid #fff; padding-right:5px; padding-left:5px; text-decoration:none; font-weight:bold!important; color:#fff; background:#0b73c1; } #mainnav li a:hover {background-color:#fff; color:#000; } #mainnav li ul li a {background-color:#7fc4f7; color:#333; padding-left:15px;} #mainnav li ul li ul li a {background-color:#C7E7FF; color:#333; padding-left:30px;} #mainnav li ul, #mainnav li ul li ul, #mainnav li ul li ul li ul {display:none;} /* show sub on hover, this is annoying with long lists #mainnav li:hover ul, #mainnav li ul li:hover ul, #mainnav li ul li ul li:hover ul {display:block;}*/ /* open submenus */ .sub1 #sub1 ul, .sub2 #sub2 ul, .sub3 #sub3 ul, .sub4 #sub4 ul, .sub5 #sub5 ul, .sub6 #sub6 ul, .sub7 #sub7 ul, .sub8 #sub8 ul, .sub9 #sub9 ul, .sub10 #sub10 ul, .sub11 #sub1 ul {display:block;} /* keep their sub menus closed */ .sub1 #sub1 ul li ul, .sub2 #sub2 ul li ul, .sub3 #sub3 ul li ul, .sub4 #sub4 ul li ul, .sub5 #sub5 ul li ul, .sub6 #sub6 ul li ul, .sub7 #sub7 ul li ul, .sub8 #sub8 ul li ul, .sub9 #sub9 ul li ul, .sub10 #sub10 ul li ul, .sub11 #sub1 ul li ul{display:none;} /* open sub sub menus */ .sub1sub1 #sub1sub1 ul, .sub1sub2 #sub1sub2 ul, .sub1sub3 #sub1sub3 ul, .sub1sub4 #sub1sub4 ul, .sub1sub5 #sub1sub5 ul{display:block!important;} .sub2sub1 #sub2sub1 ul, .sub2sub2 #sub2sub2 ul, .sub2sub3 #sub2sub3 ul, .sub2sub4 #sub2sub4 ul, .sub2sub5 #sub2sub5 ul{display:block!important;} .sub3sub1 #sub3sub1 ul, .sub3sub2 #sub3sub2 ul, .sub3sub3 #sub3sub3 ul, .sub3sub4 #sub3sub4 ul, .sub3sub5 #sub3sub5 ul{display:block!important;} .sub4sub1 #sub4sub1 ul, .sub4sub2 #sub4sub2 ul, .sub4sub3 #sub4sub3 ul, .sub4sub4 #sub4sub4 ul, .sub4sub5 #sub4sub5 ul {display:block!important;} .sub5sub1 #sub5sub1 ul, .sub5sub2 #sub5sub2 ul, .sub5sub3 #sub5sub3 ul, .sub5sub4 #sub5sub4 ul, .sub5sub5 #sub5sub5 ul {display:block!important;} .sub6sub1 #sub6sub1 ul, .sub6sub2 #sub6sub2 ul, .sub6sub3 #sub6sub3 ul, .sub6sub4 #sub6sub4 ul, .sub6sub5 #sub6sub5 ul{display:block!important;} .sub7sub1 #sub7sub1 ul, .sub7sub2 #sub7sub2 ul, .sub7sub3 #sub7sub3 ul, .sub7sub4 #sub7sub4 ul, .sub7sub5 #sub7sub5 ul{display:block!important;} .sub8sub1 #sub8sub1 ul, .sub8sub2 #sub8sub2 ul, .sub8sub3 #sub8sub3 ul, .sub8sub4 #sub8sub4 ul, .sub8sub5 #sub8sub5 ul{display:block!important;} .sub9sub1 #sub9sub1 ul, .sub9sub2 #sub9sub2 ul, .sub9sub3 #sub9sub3 ul, .sub9sub4 #sub9sub4 ul, .sub9sub5 #sub9sub5 ul{display:block!important;} .sub10sub1 #sub10sub1 ul, .sub10sub2 #sub10sub2 ul, .sub10sub3 #sub10sub3 ul, .sub10sub4 #sub10sub4 ul, .sub10sub5 #sub10sub5 ul {display:block!important;} .sub11sub1 sub11sub1# ul, .sub11sub2 #sub11sub2 ul, .sub11sub3 #sub11sub3 ul, .sub11sub4 #sub11sub4 ul, .sub11sub5 #sub11sub5 ul {display:block!important;} .sub12sub1 #sub12sub1 ul, .sub12sub2 #sub12sub2 ul, .sub12sub3 #sub12sub3 ul, .sub12sub4 #sub12sub4 ul, .sub12sub5 #sub12sub5 ul{display:block!important;} /*Give the Parent levels a lighter shade of blue and black text */ .sub1 #sub1 a, .sub2 #sub2 a, .sub3 #sub3 a, .sub4 #sub4 a, .sub5 #sub5 a, .sub6 #sub6 a, .sub7 #sub7 a, .sub8 #sub8 a, .sub9 #sub9 a, .sub10 #sub10 a, .sub11 #sub1 a {background-color:#7fc4f7; color:#000;} .sub1sub1 #sub1sub1 a, .sub1sub2 #sub1sub2 a, .sub1sub3 #sub1sub3 a,
RE: [WSG] when navigation schemes go bad.
Hi Mary It's for an intranet, so I can't show it right now. The purpose of this convoluted scheme was to make a navigation scheme that could work on thousands of pages without inline styles. I used something similar on this site: http://www.csatravelprotection.com I think there is an article on alistapart.com that discusses the concept of body class or id to open and close navigation elements This is the nav list that goes with it ul id=mainnav li id=sub1a href=xxx.html id=asub1 class=first title=go back to the xxx home pagexxx/a/li li id=sub2a href=/xxx.html id=asub2xxx/a/li li id=sub3a href=/xxx.html id=asub3xxx/a ul li id=sub3sub1a href=/xxx.html id=asub3sub1xxx/a/li li id=sub3sub2a href=/xxx.html id=asub3sub2xxx/a/li li id=sub3sub3a href=/xxx.html id=asub3sub3xxx/a ul li id=sub3sub3sub1a href=/xxx.html id=asub3sub3sub1xxx/a/li li id=sub3sub3sub2a href=/xxx.html id=asub3sub3sub2xxx/a/li li id=sub3sub3sub3a href=/xxx.html id=asub3sub3sub3xxx/a/li li id=sub3sub3sub4a href=/xxx.html id=asub3sub3sub4xxx/a/li li id=sub3sub3sub5a href=/xxx.html id=asub3sub3sub5xxx/a/li /ul /li li id=sub3sub4a href=/xxx.html id=asub3sub4xxx/a/li li id=sub3sub5a href=/xxx.html id=asub3sub5xxx/a/li /ul /li li id=sub4a href=xxx.html id=asub4xxx/a ul li id=sub4sub1a href=xxx.html id=asub4sub1 xxx/a/li /ul /li li id=sub5a href=xxx.html id=asub5xxx/a/li li id=sub6a href=xxx.html id=asub6xxx/a/li li id=sub7a href=xxx/ id=asub7Ethics Training/a ul li id=sub7sub1a href=/xxx.asp id=asub7sub1xxx/a/li li id=sub7sub2a href=/xxx.html id=asub7sub2xxx/a/li li id=sub7sub3a href=/xxx.html id=asub7sub3xxx/a/li li id=sub7sub4a href=/xxx.html id=asub7sub4xxx/a/li li id=sub7sub5a hrefxxx.html id=asub7sub5xxx/a/li /ul /li li id=sub8a href=/xxx.html id=asub8xxx/a/li li id=sub9a href=/xxx.html id=asub9xxx/a/li li id=sub10a href=/xxx/ id=asub10xxx/a/li /ul Try setting this unordered list into a page and change the body classes around. Ted -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright Sent: Thursday, May 12, 2005 10:21 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] when navigation schemes go bad. Ted, Do you have a URL for a page that show's this in action? Mary On 12 May 2005, at 17:35, Drake, Ted C. wrote: For what it's worth, I thought this style sheet might be interesting. We have a navigation that can be as deep as three nested elements. This style sheet is imported as nav.css. Each body is given a series of class elements (class=sub1 sub1sub1 asub1sub1) or something similar, depending on where the page sits in the navigation list. [on v2, I changed sub1 to nav1 which is a better description for the top-level] The following styles open, close the nested elements, highlight the current page, show who the parent element is via color, etc. It took forever to create, but I kind of like it now, if for no other reason that trying to impress co-workers with the overwhelming logic. Of course, they say, why couldn't we just put a style in the head of each page. Yeah, sure, go the easy route. Apologies in advance if this message is too long for your mailbox. Take a deep breath. /* persistant navigation ===*/ #navigation {background-color:#28455B;} #mainnav {background:#29475d; width:182px; list-style-type:none;padding:10px 0 10px 7px;} #mainnav li {list-style-type:none; margin:0 0 -1px 0; padding:0;} #mainnav li a {display:block; border-top:1px solid #fff; padding-right:5px; padding-left:5px; text-decoration:none; font-weight:bold!important; color:#fff; background:#0b73c1; } #mainnav li a:hover {background-color:#fff; color:#000; } #mainnav li ul li a {background-color:#7fc4f7; color:#333; padding-left:15px;} #mainnav li ul li ul li a {background-color:#C7E7FF; color:#333; padding-left:30px;} #mainnav li ul, #mainnav li ul li ul, #mainnav li ul li ul li ul {display:none;} /* show sub on hover, this is annoying with long lists #mainnav li:hover ul, #mainnav li ul li:hover ul, #mainnav li ul li ul li:hover ul {display:block;}*/ /* open submenus */ .sub1 #sub1 ul, .sub2 #sub2 ul, .sub3 #sub3 ul, .sub4 #sub4 ul, .sub5 #sub5 ul, .sub6 #sub6 ul, .sub7 #sub7 ul, .sub8 #sub8 ul, .sub9 #sub9 ul, .sub10 #sub10 ul, .sub11 #sub1 ul {display:block;} /* keep their sub menus closed */ .sub1 #sub1 ul li ul, .sub2 #sub2 ul li ul, .sub3 #sub3 ul li ul, .sub4 #sub4 ul li ul, .sub5 #sub5 ul li ul, .sub6 #sub6 ul li ul, .sub7 #sub7 ul li ul, .sub8 #sub8 ul li ul, .sub9 #sub9 ul li ul, .sub10
[WSG] Using Object to replace IFrame
I have a page that works ok using an IFrame to load some content from another web site into this frame. The page is XHTML 1.0 Transitional compatible using an IFrame. To make it XHTML 1.0 Strict compatible, I would need to remove the IFrame and replace it with an object, from what I understand. I read something about it on the web but can't find it now. Using Object (using data attribute) to replace IFrame (using src attribute) works ok except in Internet Explorer, where the frame has some sort of bevelled border effect and the html file from the other site doesn't load into the object. If I load an html file from the same site it works ok, but not from another site. How can I make it work? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Displaying hidden content when JavaScript disabled
I have some content that is hidden and only displayed using JavaScript. However, when JavaScript is disabled, I want to display all of the content to start with. I can do this by redefining styles within a noscript tag within the head section. Display: none is changed to Display: block for the various elements. However, my page does not then validate as being valid XHTML 1.0 Transitional code when I do this. It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that . What can I do to display hidden content which will be valid XHTML 1.0 Transitional other than my solution above? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Displaying hidden content when JavaScript disabled
Try this technique from Seriocomic.com http://www.seriocomic.com/rhetoric/posts/2005/05/02/the-one-about-v8/#more-5 91 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Stevio Sent: Thursday, May 12, 2005 2:38 PM To: JS-Jive; Web Standards Group Subject: [WSG] Displaying hidden content when JavaScript disabled I have some content that is hidden and only displayed using JavaScript. However, when JavaScript is disabled, I want to display all of the content to start with. I can do this by redefining styles within a noscript tag within the head section. Display: none is changed to Display: block for the various elements. However, my page does not then validate as being valid XHTML 1.0 Transitional code when I do this. It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that . What can I do to display hidden content which will be valid XHTML 1.0 Transitional other than my solution above? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Displaying hidden content when JavaScript disabled
On 12 May 2005 22:38 Stevio wrote I have some content that is hidden and only displayed using JavaScript. However, when JavaScript is disabled, I want to display all of the content to start with. ... It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that. Stephen, script src=jscript/blahblah.js type=text/javascript/script noscript div class=menualt id=menutop style=margin-left:25; margin-right:25; ul li ... /li li ... /li ... /ul /div /noscript This sort of thing is fine ... but I bet you're using CAPS, as in STYLE ... ;o) Cheers, Mike Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Displaying hidden content when JavaScript disabled
Stevio wrote: I have some content that is hidden and only displayed using JavaScript. However, when JavaScript is disabled, I want to display all of the content to start with. I can do this by redefining styles within a noscript tag within the head section. Display: none is changed to Display: block for the various elements. However, my page does not then validate as being valid XHTML 1.0 Transitional code when I do this. It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that . What can I do to display hidden content which will be valid XHTML 1.0 Transitional other than my solution above? style type=text/css p { display: block; } /style script type=text/javascript function changeStyles() { if ( document.styleSheets ) { var ruleName = (document.all)? 'rules':'cssRules'; document.styleSheets[0][ruleName][0].style.display = none; } } changeStyles(); /script /head body plorem ipsum etc./p ... etc. Tested in FF and IE6, at least... :-) -- Hassan Schroeder - [EMAIL PROTECTED] Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com dream. code. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] frames
I can´t see other way to create a chat page without frames. This is the only (IMHO) thing I use frames. Of course, there are many ways to use it, as evil ways, but in a chat you got to have two frames, at least: one where you put the form, and another where you read the messages. This one you have to put a meta tag with auto refresh, or a javascript with a timeout function to update the page and let your user know what is going on. And the other the form where your user will send the message. I use AChat (http://atutor.ca/achat/index.php) to chat with my partner during the day. I think it's a nice implementation of frames. The version I use isn't standards compliant (this may have changed), but it handles focus very well and is produced by people who know their accessibility backwards (the Adaptive Technology Resource Centre at the University of Toronto). Damian I have tried many ways to do it without frames, but, in this case, frames fit perfectly. Cheers, Francisco. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Damian Sweeney Learning Skills Adviser (online) Language and Learning Skills Unit Instructional Designer, AIRport Project Equity, Language and Learning Programs University of Melbourne 723 Swanston St Parkville 3010 www.services.unimelb.edu.au/ellp/ www.services.unimelb.edu.au/llsu/ airport.unimelb.edu.au/ ph 03 8344 9370, fax 03 9349 1039 This email and any attachments may contain personal information or information that is otherwise confidential or the subject of copyright. Any unauthorised use, disclosure or copying of any part of it is prohibited. The University does not warrant that this email or any attachments are free from viruses or defects. Please check any attachments for viruses and defects before opening them. If this email is received in error please delete it and notify us by return email or by phoning (03) 8344 9370. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: Displaying hidden content when JavaScript disabled
I can do this by redefining styles within a noscript tag within the head section. Display: none is changed to Display: block for the various elements. However, my page does not then validate as being valid XHTML 1.0 Transitional code when I do this. It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that . I never finished this question. Am I right in saying that you are only supposed to have simple text between the noscript tags? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE won't play
...or width: 380px; ...? Ben Crothers -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Pepper Sent: Friday, 13 May 2005 10:48 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE won't play -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Wayne Godfrey Sent: 13 May 2005 01:13 For some dumb reason, IE wants to drop my text way down on the background image instead putting it at the top as the other browsers do. Your width is a little wide - #main #homer { display: block; margin: 0; padding: 0; width: 390px; z-index: 20; } Make is a tad less and it'll be fine. Cheers, Mike Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE won't play
Thanks Mike, but that didn't work. I tried reducing the width from 390px to 385px and also changing to width: 100%, neither worked. This is so frustrating. w Wayne Godfrey [EMAIL PROTECTED] On May 12, 2005, at 8:47 PM, Mike Pepper wrote: -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Wayne Godfrey Sent: 13 May 2005 01:13 For some dumb reason, IE wants to drop my text way down on the background image instead putting it at the top as the other browsers do. Your width is a little wide - #main #homer { display: block; margin: 0; padding: 0; width: 390px; z-index: 20; } Make is a tad less and it'll be fine. Cheers, Mike Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE won't play
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Wayne Godfrey Sent: 13 May 2005 02:10 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE won't play Thanks Mike, but that didn't work. I tried reducing the width from 390px to 385px and also changing to width: 100%, neither worked. This is so frustrating. Make it 384px and it does. I think it's the IE margin bug. Cheers, Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE won't play
The 380px worked for the top h1 but now IE is centering the h2 text underneath, even though the CSS says align left. Getting there, but why is IE doing this? w Wayne Godfrey [EMAIL PROTECTED] On May 12, 2005, at 9:05 PM, Ben Crothers wrote: ...or width: 380px; ...? Ben Crothers -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Pepper Sent: Friday, 13 May 2005 10:48 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE won't play -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Wayne Godfrey Sent: 13 May 2005 01:13 For some dumb reason, IE wants to drop my text way down on the background image instead putting it at the top as the other browsers do. Your width is a little wide - #main #homer { display: block; margin: 0; padding: 0; width: 390px; z-index: 20; } Make is a tad less and it'll be fine. Cheers, Mike Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Using Object to replace IFrame
On 5/12/05, Stevio [EMAIL PROTECTED] wrote: Using Object (using data attribute) to replace IFrame (using src attribute) works ok except in Internet Explorer, where the frame has some sort of bevelled border effect and the html file from the other site doesn't load into the object. If I load an html file from the same site it works ok, but not from another site. How can I make it work? http://archivist.incutio.com/viewlist/css-discuss/42408 Sent by Jon Jensen on 5 August 2004 01:01 You could use conditional comments to give IE an iframe: !--[if IE] iframe src=teste.html /iframe ![endif]-- This will still be valid XHTML Strict, since that code block is technically a comment, but IE will render the iframe. More about conditional comments: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp Jon __ css-discuss [EMAIL-REMOVED]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Ten questions for Joe Clark
In regard to Ten questions for Joe Clark: http://webstandardsgroup.org/features/joe-clark.cfm This is an interesting article but in answer to question 9 Joe suggests scope as being the most effective way to associate different-level headers and data cells. Unfortunately neither Window Eyes nor JAWS supports scope so we're back to another situation where we either follow the standards and allow people to be let down by their adaptive technology's lack of standards support or we come up with another way to do things. I think the best bet would be to use id and headers as in http://www.cli.nsw.edu.au/optionkeys/guidelines/tables_2.htm Grant Focas ** This message is intended for the addressee named and may contain privileged information or confidential information or both. If you are not the intended recipient please delete it and notify the sender. ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Ten questions for Joe Clark
I think the best bet would be to use id and headers Grant, I agree totally. In my experience, while scope is easier to use for developers, as it requires far less individual coding, it is far less supported than id and header. Scope also has another major downside. It cannot tie together multiple levels of headers with their columns. Hard to explain, easier to show... Roger Hudson and I will be testing this (scope vs id and header) within the next few weeks on some blind users and we will come back to the list with results. Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Text flow and two bottom aligned floats?
Not sure if it's possible to do precisely. To get the text to flow above and left means you will have to put the image inline in the text, which means they will jump around a bit depending on the font size and width of the text block. I got the following code to sort-of work by setting the image heights to a multiple of the line-height, and setting a fixed width. You have to fiddle with the placement of the images in the text to make them line up at the bottom. Try changing the text size in your browser - the images should stay in the same place. div style=width:24em; font-size:1em; line-height:1.5em; pLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd nonumy eirmod tempor invidunt ut labore img src=tall.gif alt= border=1 align=right style=float:right; width:6em; height:12em; et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est img src=short.gif alt= border=1 align=right style=float:right; width:6em; height:6em;Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod./p /div cheers Geoff. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Chris Blown Sent: Thursday, 12 May 2005 5:52 PM To: WSG Subject: [WSG] Text flow and two bottom aligned floats? Just a quick question.. I am wondering what techniques people would use to layout a paragraph of text with two right floated images and have the text wrap around the images as shown. The main thing is the two images need to both be bottom aligned to each other ;) I have a couple of ideas, but they both seem quite a lot of leg work just to do something quite simple as flow some text around a couple of images. eg Heading +---+ text text text | | text text text | | text text +---+ | | text text | | | | text text +---+ +---+ This one is easy Heading +---+ +---+ text text | | | | text text +---+ | | text text text | | text text text | | text text text +---+ Chris ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE won't play
Hi Wayne, Looks like it's the set width that you're using. If you're already using margins on the H2, why not dispense with the width and add the right margin, like so: #main #homer h2 { font-size: 117%; font-weight: normal; letter-spacing: 0.06em; line-height: 1.75em; color: #FFF; margin: 25px 210px 15px 10px; text-align: left; } This works for me in IE (and the others). That help? Ben Crothers [EMAIL PROTECTED] -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Wayne Godfrey Sent: Friday, 13 May 2005 11:43 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE won't play The 380px worked for the top h1 but now IE is centering the h2 text underneath, even though the CSS says align left. Getting there, but why is IE doing this? w Wayne Godfrey [EMAIL PROTECTED] On May 12, 2005, at 9:05 PM, Ben Crothers wrote: ...or width: 380px; ...? Ben Crothers -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Pepper Sent: Friday, 13 May 2005 10:48 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE won't play -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Wayne Godfrey Sent: 13 May 2005 01:13 For some dumb reason, IE wants to drop my text way down on the background image instead putting it at the top as the other browsers do. Your width is a little wide - #main #homer { display: block; margin: 0; padding: 0; width: 390px; z-index: 20; } Make is a tad less and it'll be fine. Cheers, Mike Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Text flow and two bottom aligned floats?
Thanks Geoff I had that one in mind, I'll give it a go.. I had hope to get some CSS/P that would work across any page without having to modify the images or position it in the text. I could chop the image horizontally ( see attachment ) a-la Meyer curvelicious [1] Thanks Chris [1] http://www.meyerweb.com/eric/css/edge/raggedfloat/demo.html On Fri, 2005-05-13 at 13:11, Geoff Pack wrote: Not sure if it's possible to do precisely. To get the text to flow above and left means you will have to put the image inline in the text, which means they will jump around a bit depending on the font size and width of the text block. I got the following code to sort-of work by setting the image heights to a multiple of the line-height, and setting a fixed width. You have to fiddle with the placement of the images in the text to make them line up at the bottom. Try changing the text size in your browser - the images should stay in the same place. div style=width:24em; font-size:1em; line-height:1.5em; pLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd nonumy eirmod tempor invidunt ut labore img src=tall.gif alt= border=1 align=right style=float:right; width:6em; height:12em; et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est img src=short.gif alt= border=1 align=right style=float:right; width:6em; height:6em;Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod./p /div cheers Geoff. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Chris Blown Sent: Thursday, 12 May 2005 5:52 PM To: WSG Subject: [WSG] Text flow and two bottom aligned floats? Just a quick question.. I am wondering what techniques people would use to layout a paragraph of text with two right floated images and have the text wrap around the images as shown. The main thing is the two images need to both be bottom aligned to each other ;) I have a couple of ideas, but they both seem quite a lot of leg work just to do something quite simple as flow some text around a couple of images. eg Heading +---+ text text text | | text text text | | text text +---+ | | text text | | | | text text +---+ +---+ This one is easy Heading +---+ +---+ text text | | | | text text +---+ | | text text text | | text text text | | text text text +---+ Chris ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** attachment: boxes.png
RE: [WSG] Text flow and two bottom aligned floats?
Curvelicious/ragged float: interesting technique, but why chop up the image? Better to leave it as a single positioned image (low z-index), and use transparent shims (remember those?) to push the text around. That way you still get the image in one piece when the page is viewed without CSS. Geoff. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Chris Blown Sent: Friday, 13 May 2005 2:27 PM To: WSG Subject: RE: [WSG] Text flow and two bottom aligned floats? Thanks Geoff I had that one in mind, I'll give it a go.. I had hope to get some CSS/P that would work across any page without having to modify the images or position it in the text. I could chop the image horizontally ( see attachment ) a-la Meyer curvelicious [1] Thanks Chris [1] http://www.meyerweb.com/eric/css/edge/raggedfloat/demo.html On Fri, 2005-05-13 at 13:11, Geoff Pack wrote: Not sure if it's possible to do precisely. To get the text to flow above and left means you will have to put the image inline in the text, which means they will jump around a bit depending on the font size and width of the text block. I got the following code to sort-of work by setting the image heights to a multiple of the line-height, and setting a fixed width. You have to fiddle with the placement of the images in the text to make them line up at the bottom. Try changing the text size in your browser - the images should stay in the same place. div style=width:24em; font-size:1em; line-height:1.5em; pLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Stet clita kasd nonumy eirmod tempor invidunt ut labore img src=tall.gif alt= border=1 align=right style=float:right; width:6em; height:12em; et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est img src=short.gif alt= border=1 align=right style=float:right; width:6em; height:6em;Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod./p /div cheers Geoff. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Chris Blown Sent: Thursday, 12 May 2005 5:52 PM To: WSG Subject: [WSG] Text flow and two bottom aligned floats? Just a quick question.. I am wondering what techniques people would use to layout a paragraph of text with two right floated images and have the text wrap around the images as shown. The main thing is the two images need to both be bottom aligned to each other ;) I have a couple of ideas, but they both seem quite a lot of leg work just to do something quite simple as flow some text around a couple of images. eg Heading +---+ text text text | | text text text | | text text +---+ | | text text | | | | text text +---+ +---+ This one is easy Heading +---+ +---+ text text | | | | text text +---+ | | text text text | | text text text | | text text text +---+ Chris ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Displaying hidden content when JavaScript disabled
Hi, I posted on a similar question to wai-ig (but about how this kind of DHTML is with a screen reader) and got a lot of interesting replys. The thread is at http://lists.w3.org/Archives/Public/w3c-wai-ig/2005AprJun/0203.html if you are interested. I haven't had time to check it all out properly myself yet. But it's an interesting topic for sure:) Cheers, Rebecca -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Stevio Sent: Friday, 13 May 2005 9:38 a.m. To: JS-Jive; Web Standards Group Subject: [WSG] Displaying hidden content when JavaScript disabled I have some content that is hidden and only displayed using JavaScript. However, when JavaScript is disabled, I want to display all of the content to start with. I can do this by redefining styles within a noscript tag within the head section. Display: none is changed to Display: block for the various elements. However, my page does not then validate as being valid XHTML 1.0 Transitional code when I do this. It doesn't like the style declaration within the noscript tags. In fact, am I right in saying that . What can I do to display hidden content which will be valid XHTML 1.0 Transitional other than my solution above? Thanks, Stephen -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12/05/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **