[WSG] delayed rendering of containing div's background colour
I have two floating divs #mainbar and #sidebar inside another div: #content. When the page is rendered the content of the two floating divs is rendered then the background colour of the #content div seems to roll-out. This occurs in both IE 6 and Firefox 0.9 at dial-up speeds, Opera 7.52 is fine. It's not a very professional looking effect. Is there something that I can do differently to stop this? The relevant CSS is shown below. A sample page can be found at: http://www.pricklypair.co.nz/register.php Thanks in advance for any assistance. Richard /**/ /* Content*/ /**/ #content { margin: 0; padding: 10px 20px 20px 20px; color: #000; font-weight: normal; background-color: #cc9; border-left: solid 1px #993; border-right: solid 1px #993; border-bottom: solid 1px #993;} /**/ /* Main content */ /**/ #mainbar { float: left; width: 66%; padding: 0 10px 0 0; background-color: transparent; border-right: solid 1px #660;} /**/ /* Side content */ /**/ #sidebar { float: right; width: 30%; padding: 5px 0 5px 5px; margin: 0 0 5px 0; font-size: .90em; background-color: transparent;} ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Tantek Celik on Ten CSS tricks you may not know
Recent Evolt article Ten CSS tricks you may not know, http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/index.html You should know most of the tricks. Tantek's peer review http://tantek.com/log/2004/09.html#d07t1434 I found far more informative and I learnt more. Like why IE/Win ignores !important (it does not, IE/Win just has problems processing of multiple declarations of the same propertry in the same style rule.) Defintely worth the read. Nick ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Does display:none work on img replacements?
display:none has been discourages early on in the whole image replacement discussion, as it completely hides the element from screen readers. Patrick -Original Message- From: Lorenzo Gabba @ Quirk [mailto:[EMAIL PROTECTED] Sent: 08 September 2004 14:52 To: [EMAIL PROTECTED] Subject: [WSG] Does display:none work on img replacements? | CSS | h1 { background: url(widget-image.gif) no-repeat; } h1 span { display: none; } | HTML | h1spanBuy widgets/span/h1 | Question | Is this an acceptable alternative to #5 on: http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/1 7/60369/index.html ... or will search engines ignore the contents of the span tag? ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Does display:none work on img replacements?
ah... just read http://tantek.com/log/2004/09.html#d07t1434 nevermind. =P On Wednesday 08 September 2004 15:51, Lorenzo Gabba @ Quirk wrote: | Question | Is this an acceptable alternative to #5 on: http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/index .html ... or will search engines ignore the contents of the span tag? ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Better Flexible Rounded Corners Option? and Site Check
Hi I am looking for a flexible rounded corners (with borders) that is not restrictive to size. Googled for some but most are filled with lots of complex solutions (lots of html meddling and tones of css codes). Did anyone come across something good? Right now this page - http://design.sodesires.com/tictap/ - I am working on is using a fix width image (top bit and bottom bit image using css for side borders). Not the best solution as my width is fixed...Just temporary markup for me to look at the site. In IE, if you hover over menu, the side borders will disappear. It looks ok upon loading or refresh of page. I have no idea why this is happening. Perhaps someone knows? I have checked the site in Win-IE5-6, Firefox and Opera 7. Can any Mac users kindly help me to check it in IE 5? CSS Markup for Rounded Corners: #corners-mainT, #corners-mainB {float: left; width: 660px;} #corners-mainT {background: #FF url(../../../images/global/corners/main-T.gif) no-repeat left top;} #corners-mainB {background: url(../../../images/global/corners/main-B.gif) no-repeat left bottom;} #corners-main { border-right: 3px solid #DBD7BD; border-left: 3px solid #DBD7BD; margin: 15px 0px; padding: 5px 0px 0px; } CSS Markup for Rounded Corners' Content (if it helps to give a better overview): #step-one, #step-two, #step-three {width: 173px; padding-top: 180px; padding-left: 15px;} #step-one {background: url(../../../images/home/step-1.gif) no-repeat;} #step-two {background: url(../../../images/home/step-2.gif) no-repeat;} #step-three {background: url(../../../images/home/step-3.gif) no-repeat;} #steps li {font-size: 0.9em; color: #5F4A3F; float: left;margin-left: 25px;} * html #steps li {margin-left: 22px; ma\rgin-left: 17px;} /* IE6-win has larger padding than IE5-win */ HTML Markups: div id=corners-mainTdiv id=corners-mainBdiv id=corners-main ul id=steps li id=step-onecontent here/li li id=step-twocontent here/li li id=step-threecontent here/li /ul div class=divClearnbsp;/div /div/div/div With Regards - Jaime ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Standards-based PHP tutorials for beginners...
Hi Michael, One thing I'd suggest if you're learning PHP is to from the very start try as much as possible to avoid having PHP generate your HTML (as in your example). I started coding PHP over 4 years ago using an e-commerce system that generated large amounts of the HTML and I still now have to occasionally work on it. I can tell you that debugging HTML is a scary task when it is being generated all over the place. It's a frequent complaint that database-driven/content-managed/whatever sites produce horrible HTML because of their engines. This is not really the right list for too much discussion on PHP itself but I'd suggest you separate out your HTML into templates which can be done using template engines as tricky (and some say overkill) as Smarty or as simple as using ?php echo $whatever; ? in your HTML. The important thing being to only allow php code in your HTML that is responsible for actually generating the HTML. e.g. not database queries. In fact I was recently doing a quick update on the above system and realised the one improvement I'd do first would be to separate out the HTML as much as possible. A great place to get some idea of the approaches is sitepoint.com PHP forums; search for php template or similar. I'll not go too far into the nitty-gritties as it could drift off-topic. I do however think that the way a lot of systems are built does make building valid standards compliant sites very difficult if not done carefully. Nick ... a bit much to ask? Just wondering if anyone knew of any such tutorials. Those on php.net seem as if they were written by C programmers wanting to learn php. Yet those on webmonkey are so old that they still use things like: echo FONT COLOR='red'Hi there; Makes it very hard to help HTML newbies (who've learned standards-based html from the start) learn PHP! The best I could find was: http://www.free2code.net/tutorials/programming/php/4/ Introduction_to_PHP.php Any suggestions welcome! -Michael ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Standards-based PHP tutorials for beginners...
Couldn't agree more. One other suggestion, though, is to extend that separation a little further by generating XML with PHP, and then parsing that XML into whatever templating engine you end up using. This just provides another degree of separation, and reduces the temptation to hard-code ANY HTML into your back-end... something which I wish I'd been aware of 6 months ago! Having your content available in XML will also simplify the presentation of content in other formats in the future, if you choose to do so -- thinking of syndication (RSS) amongst other things. From a standards perspective, this separation just reduces the chance of making some early mistakes which will take ages to correct six months down the track. Joshua Street base10solutions Website: http://www.base10solutions.com/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the senders consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. On Thu, 2004-09-09 at 09:55, Nick Lo wrote: Hi Michael, One thing I'd suggest if you're learning PHP is to from the very start try as much as possible to avoid having PHP generate your HTML (as in your example). I started coding PHP over 4 years ago using an e-commerce system that generated large amounts of the HTML and I still now have to occasionally work on it. I can tell you that debugging HTML is a scary task when it is being generated all over the place. It's a frequent complaint that database-driven/content-managed/whatever sites produce horrible HTML because of their engines. This is not really the right list for too much discussion on PHP itself but I'd suggest you separate out your HTML into templates which can be done using template engines as tricky (and some say overkill) as Smarty or as simple as using ?php echo $whatever; ? in your HTML. The important thing being to only allow php code in your HTML that is responsible for actually generating the HTML. e.g. not database queries. In fact I was recently doing a quick update on the above system and realised the one improvement I'd do first would be to separate out the HTML as much as possible. A great place to get some idea of the approaches is sitepoint.com PHP forums; search for php template or similar. I'll not go too far into the nitty-gritties as it could drift off-topic. I do however think that the way a lot of systems are built does make building valid standards compliant sites very difficult if not done carefully. Nick ... a bit much to ask? Just wondering if anyone knew of any such tutorials. Those on php.net seem as if they were written by C programmers wanting to learn php. Yet those on webmonkey are so old that they still use things like: echo FONT COLOR='red'Hi there; Makes it very hard to help HTML newbies (who've learned standards-based html from the start) learn PHP! The best I could find was: http://www.free2code.net/tutorials/programming/php/4/ Introduction_to_PHP.php Any suggestions welcome! -Michael ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Better Flexible Rounded Corners Option? and Site Check
There is an article on A List Apart that has something like that, not sure if you have seen that one. http://www.alistapart.com/articles/customcorners/ But I guess this has html meddling... Tim Hill Computer Associates Graphic Artist tel: +612 9937 0792 fax: +612 9937 0546 [EMAIL PROTECTED] -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of JW Sent: Thursday, 9 September 2004 6:58 AM To: Mailing List :: WSG | CSS Subject: [WSG] Better Flexible Rounded Corners Option? and Site Check Hi I am looking for a flexible rounded corners (with borders) that is not restrictive to size. Googled for some but most are filled with lots of complex solutions (lots of html meddling and tones of css codes). Did anyone come across something good? Right now this page - http://design.sodesires.com/tictap/ - I am working on is using a fix width image (top bit and bottom bit image using css for side borders). Not the best solution as my width is fixed...Just temporary markup for me to look at the site. In IE, if you hover over menu, the side borders will disappear. It looks ok upon loading or refresh of page. I have no idea why this is happening. Perhaps someone knows? I have checked the site in Win-IE5-6, Firefox and Opera 7. Can any Mac users kindly help me to check it in IE 5? CSS Markup for Rounded Corners: #corners-mainT, #corners-mainB {float: left; width: 660px;} #corners-mainT {background: #FF url(../../../images/global/corners/main-T.gif) no-repeat left top;} #corners-mainB {background: url(../../../images/global/corners/main-B.gif) no-repeat left bottom;} #corners-main { border-right: 3px solid #DBD7BD; border-left: 3px solid #DBD7BD; margin: 15px 0px; padding: 5px 0px 0px; } CSS Markup for Rounded Corners' Content (if it helps to give a better overview): #step-one, #step-two, #step-three {width: 173px; padding-top: 180px; padding-left: 15px;} #step-one {background: url(../../../images/home/step-1.gif) no-repeat;} #step-two {background: url(../../../images/home/step-2.gif) no-repeat;} #step-three {background: url(../../../images/home/step-3.gif) no-repeat;} #steps li {font-size: 0.9em; color: #5F4A3F; float: left;margin-left: 25px;} * html #steps li {margin-left: 22px; ma\rgin-left: 17px;} /* IE6-win has larger padding than IE5-win */ HTML Markups: div id=corners-mainTdiv id=corners-mainBdiv id=corners-main ul id=steps li id=step-onecontent here/li li id=step-twocontent here/li li id=step-threecontent here/li /ul div class=divClearnbsp;/div /div/div/div With Regards - Jaime ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Brisbane Meeting, Wednesday
thanx to the WSG(bris) organisers and John Allsopp for a very interesting presentation. I certainly got some ideas out of last night. SO... while we wait for John to blog the resources of the presso, can anyone remember some of the links he had? - esp the W3C semantic viewer tool? thanx again barry.b -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Allsopp Sent: Monday, 6 September 2004 2:42 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] Brisbane Meeting, Wednesday Lea, can I just say I am very much looking forward to being there. But just one slightly off topic question for any who lives in Brisbane or travel there frequently (please answer offlist) What's the best way to get from the airport to the CBD. Taxi? Bus? Other? Thanks, and see you in Brisbane Weds night, John John Allsopp :: westciv :: http://www.westciv.com/ software, courses, resources for a standards based web :: style master blog :: http://westciv.typepad.com/dog_or_higher/ :: WebEssentials Sept 2004 Sydney Australia :: http://www.we04.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Change defaults in IE with CSS style sheet
Hi everyone I am wondering if anyone knows how to change the defaults in browsers like IE. I recall someone showed how a user can make their default font say Arial, 10, etc with particular colour like black on white background. Its all configured in a CSS file. So it over rides the CSS style that a website uses. I'd like to do some testing of a site and trying to factor this scenario in. Off-list responses welcomed.. Ralph ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Content Management tools for non-tech authors
AssetNow NX (www.assetnow.com) - will be available October. Uses Java editor. XHTML/CSS. Pricing will be under US$2k (for 10 editor seats). Disclosure: I am the developer. Johan Original Message From: Joseph Lindsay [EMAIL PROTECTED] To: [EMAIL PROTECTED] Date: Thu, Sep-9-2004 9:36 AM Subject: [WSG] Content Management tools for non-tech authors Does anybody have any experience with any content management tools that produce standards compliant code, and can be used by non-standards-savy authors? Does macromedia contribute produce good code? Editize? any other tools out there? ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Change defaults in IE with CSS style sheet
Ralph wrote: I am wondering if anyone knows how to change the defaults in browsers like IE. I recall someone showed how a user can make their default font say Arial, 10, etc with particular colour like black on white background. Its all configured in a CSS file. So it over rides the CSS style that a website uses. I'd like to do some testing of a site and trying to factor this scenario in. Like in Gecko, in IE you can go into settings and have a user stylesheet applied. Unlike in Gecko, to change it does not require a browser restart. So, as example to see what user css can do, go using the most recent Gecko (Mozilla or Firefox daily trunk builds, about a month old or newer) to http://newlifechurchofbr.org/ http://newlifechurchofbr.org/newlife.css (a site discussed on another list today) and take a look using the defaults. Then, shut it down, and in a file in your Gecko's chrome directory named userContent.css (create as plain text if it doesn't already exist), put: @-moz-document domain(newlifechurchofbr.org) { body {font-size: medium !important;} #navigation {font: small 'trebuchet ms' !important;} } When you restart, body will be medium instead of 80%, and #navigation will be small trebuchet instead of 80% arial, verdana, sans-serif, *but only* on that site. Similarly, generic rules can be used to apply to all sites, both in IE and Gecko. The result of generic rules is that some web sites will be pretty much as the user intended via his generic user css overrides, while many others, those using custom or combination selectors, will look more or exactly as the author intended. Now that you've done that, you should see that user css is really only for people who understand css and have the time to apply it on the user side, so few that it is really nothing any web designer needs to spend more than two seconds pondering. -- Blessed is the nation whose God is the Lord.Psalm 33:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Change defaults in IE with CSS style sheet
Go to Tools | Internet Options and at the bottom of the General tab click the Accessibility button and add your stylesheet there. P -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ralph Sent: Thursday, September 09, 2004 11:59 AM To: [EMAIL PROTECTED] Subject: [WSG] Change defaults in IE with CSS style sheet Hi everyone I am wondering if anyone knows how to change the defaults in browsers like IE. I recall someone showed how a user can make their default font say Arial, 10, etc with particular colour like black on white background. Its all configured in a CSS file. So it over rides the CSS style that a website uses. I'd like to do some testing of a site and trying to factor this scenario in. Off-list responses welcomed.. Ralph ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Brisbane Meeting, Wednesday
I second that, it was a very interesting night... Thanks guys! ...and I third (?) that motion; most enjoyable. I've been looking for the web related design patterns that John mentioned, not sure if I've found it though. http://www.e-gineer.com/articles/design-patterns-in-web-programming.phtml http://www.appropriatesoftwarefoundation.org/cgi-bin/wiki.cgi?PatternsForDoingWebsites http://www.welie.com/patterns/ http://c2.com/cgi/wiki?WebsitePatterns ..and here's a page full of related resources http://www.pliant.org/personal/Tom_Erickson/InteractionPatterns.html Although in the end I think I just got lost in the web of dated documents. Andrew Krespanis http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Content Management tools for non-tech authors
I imagine new versions of Contribute are pretty good (there's a demo, why not try it out?). It depends on how much they need to do -- if it's just basic formatting of text, I'd say Textile[1] or Markdown[2] which are ASCI-to-XHTML converters with simple shorthand for links, bold, italics, etc. Textile especially is quite in depth if needed (tables, styles, and all sorts of stuff) but it generally just gets out of the way and let's text be XHTML. Textile is available as part of Textpattern[3], a GPL'd CMS written in PHP so you should be able to use it in some way in your app, but I'd review the license for yourself. It's also been ported to Perl and even Python I think. Markdown is written in Perl, but there are ports as well. 1. http://textism.com/tools/textile/ 2. http://daringfireball.net/projects/markdown/ 3. http://textpattern.com/ All the in-browser WYSIWYG editors seem to be either cross-browser OR standards-compliant, but not both. Since I have users on all sorts of operating systems (a lot on Mac OS 9 with IE5Mac) they're just not an option at all. Justin French On 09/09/2004, at 7:35 AM, Joseph Lindsay wrote: Does anybody have any experience with any content management tools that produce standards compliant code, and can be used by non-standards-savy authors? Does macromedia contribute produce good code? Editize? any other tools out there? --- Justin French http://indent.com.au ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **