Re[2]: [WSG] classguide
David I'm currently writing the styleguide for BHP Billiton's site David templates, and I am including in it a section on div id's and David classes, and what they represent. David Information in this section includes how the different divs work in David the context of the page, and in context with other divs, basic David outlining of how the the divs structure and inheritance works and David I've made sure our naming conventions for id's and classes can be David read and understood by people who weren't involved in the project. David If you were interested, and able to share, I'd certainly love to see what you come up with. What to provide as documentation to clients, and how to structure it, is something we're about to start looking at in more detail. Ideally, I'd like to have some sort of template that would lay out the sort of detail you're talking about above, that we could provide as a matter of course to all clients. If it's commercially sensitive, that's cool and no problem! On another note related to names for div id's and classes, I'm realising the value of having a core stylesheet and then separating out styles for individual pages/templates and having these in seperate stylesheets which can be downloaded only by the pages they are needed on. I realised this once my stylesheet got to over 600 lines and I was taking ages to find the items in it I was working on, and strange things were happening with the cascade as things were being overwritten! Is this approach (multiple stylesheets) something others use on larger sites with a lot of styling? Regards Mike Brown SIGNIFY :: the logic behind ph: +64 4 803-3211 | fax: +64 4 803-3241 mob: +64 0274 885-992 | http://www.signify.co.nz P.O. Box 24-068, Manners St, Wellington Level 8, CMC Building, 89 Courtenay Pl, Wellington This communication, including any attachment, is confidential. If you are not the intended recipient, you should delete/destroy this communication; you may not read and must not copy, send on or retain any part of this communication. Please do not disclose to any third party anything about this communication. * The discussion list for http://webstandardsgroup.org/ *
Re: Re[2]: [WSG] classguide
On another note related to names for div id's and classes, I'm realising the value of having a core stylesheet and then separating out styles for individual pages/templates and having these in seperate stylesheets which can be downloaded only by the pages they are needed on. I realised this once my stylesheet got to over 600 lines and I was taking ages to find the items in it I was working on, and strange things were happening with the cascade as things were being overwritten! Is this approach (multiple stylesheets) something others use on larger sites with a lot of styling? It's something I asked a few weeks back (for the same reasons, ridiculous line-lengths in CSS files). I ended up splitting the CSS files into sections of the site. Basically, where a section of the site exists where the user is likely to go between a closely related set of pages, those pages would share the same CSS file. For example, the site I am working on at present has a pseudo-user-control panel titled 'Control Centre'. Within this are five pages... My Details, PowerSearch, Local Info, and T-Mail. Therefore, I've generated a CSS file called ctrlCentre.css. Much easier (plus using a decent amount of commenting to indicate each page's section within the code). Seems to work well enough. RKind regards Martin Chapman -- Web development, identity and design. co-ord.com Limited 9 Tynwald Road West Kirby Merseyside CH48 4DA Tel: +44 (0)151 625 1443 Email: [EMAIL PROTECTED] http://www.co-ord.com -- * The discussion list for http://webstandardsgroup.org/ *
[WSG] Mac IE Fix Sites
Hiif there aren't any suggestions then could anyone point me to agood site that addresses most MAC IE bugs and fixes? Most sites deal with PC and I couldn't find much about Mac IE so have no idea how to fix the madness. Thanks. With Regards, Jaime Wong ~~~ SODesires Design Team http://www.sodesires.com ~~~ IncrediMail - Email has finally evolved - Click Here
Re: [WSG] Mac IE Fix Sites
Hi if there aren't any suggestions then could anyone point me to a good site that addresses most MAC IE bugs and fixes? Most sites deal with PC and I couldn't find much about Mac IE so have no idea how to fix the madness. Hello Jaime. Try: http://www.macedition.com/cb/ie5macbugs/ http://macedition.com/cb/resources/abridgedcsssupport.html -- daniel torres burriel /zaragoza/spain/ web: www.torresburriel.com key: 0x43DB2AB7 msn: [EMAIL PROTECTED]icq: 13764500 jabber: [EMAIL PROTECTED] I'm against Spanish PHN --- asociacin de internautas www.internautas.org signature.asc Description: OpenPGP digital signature
[WSG] Newbie question - initial display
Hi everyone, It's been about a month since I discovered the Web Standards Project and the growing movement (rightly so) for this approach to web design. THIS is the way I'm going from now on! I've been lurking for the last week, listening to the conversation here. I've really enjoyed being educated by the group. So I've got a question. When using external style sheets for a site, is it possible to write a Home Page in such a way that I don't see unstyled content come up as the first thing I see? Depending on connection speed (mine is dial-up) this raw form of the content may be visible for a disconcertingly long few seconds. Is a styled display on the initial screen only possible by doing embedded and inline stylesheets? Is there perhaps a compromise by using an embedded style sheet on the Home Page but pre-loading an external style sheet for use on all other pages? Thanks in advance for any comments you may have. Mike Loughlin At the foothills to the Rocky Mountains Colorado, USA * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Newbie question - initial display
Mike, Welcome to the group. Without seeing your site, it sounds suspiciously like FOUC (flash of unstyled content). This was mentioned in posts within the last 48 hours, but here it is again: http://www.bluerobot.com/web/css/fouc.asp In a nutshell, it happens in WindowsIE and is caused by using only the @import in the head of the document or having the @import FIRST in the head of the document. It can easily be fixed by putting a linked style sheet above it in the source code - eg: head titleMy Page/title link rel=stylesheet type=text/css media=print href=print.css style type=text/css media=screen@import style.css;/style /head Let the list know if this is not the case and we can dig deeper. :) Russ Hi everyone, It's been about a month since I discovered the Web Standards Project and the growing movement (rightly so) for this approach to web design. THIS is the way I'm going from now on! I've been lurking for the last week, listening to the conversation here. I've really enjoyed being educated by the group. So I've got a question. When using external style sheets for a site, is it possible to write a Home Page in such a way that I don't see unstyled content come up as the first thing I see? Depending on connection speed (mine is dial-up) this raw form of the content may be visible for a disconcertingly long few seconds. Is a styled display on the initial screen only possible by doing embedded and inline stylesheets? Is there perhaps a compromise by using an embedded style sheet on the Home Page but pre-loading an external style sheet for use on all other pages? Thanks in advance for any comments you may have. Mike Loughlin At the foothills to the Rocky Mountains Colorado, USA * The discussion list for http://webstandardsgroup.org/ * Thanks Russ --- Russ Weakley Max Design Phone: (02) 9410 2521 Mobile: 0403 433 980 Email: [EMAIL PROTECTED] http://www.maxdesign.com.au --- * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Mac IE Fix Sites
Thanks Daniel I'll check it out. With Regards, Jaime Wong ~~~ SODesires Design Team http://www.sodesires.com ~~~ ---Original Message--- From: [EMAIL PROTECTED] Date: 28/02/2004 1:22:40 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Mac IE Fix Sites Hi if there aren't any suggestions then could anyone point me to a good site that addresses most MAC IE bugs and fixes? Most sites deal with PC and I couldn't find much about Mac IE so have no idea how to fix the madness. Hello Jaime. Try: http://www.macedition.com/cb/ie5macbugs/ http://macedition.com/cb/resources/abridgedcsssupport.html -- daniel torres burriel/zaragoza/spain/ web: www.torresburriel.comkey: 0x43DB2AB7 msn: [EMAIL PROTECTED]icq: 13764500 jabber: [EMAIL PROTECTED] I'm against Spanish PHN --- asociacin de internautas www.internautas.org IncrediMail - Email has finally evolved - Click Here
[WSG] Overflow... Help!
Hey WSG, Im looking for some help re: Overflow... Now I have my page: www.neester.com setup. The content frame cannot be less than 400px high... min-height: 400px; That works in Mozilla and a few other browsers - not IE... setting height: 400px... causes a full overflow of data... if i set: overflow: visible; then it works in IE, but not in Moz... how can I get a minimum height working? I know its been discussed before, I tried looking for a few links, but it became too tedious... please if you can - send me a link or advice! Thanks everyone! -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ *
[WSG] Overflow... Help!
BTW - I have this link, but im not sure how to imlement it... and I would prefer not to use "hacks" to get it working... thanks http://www.greywyvern.com/code/min-height-hack.html -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Overflow... Help!
Chris Try overflow : auto; height : 400px; Cheers James Chris Stratford wrote: Hey WSG, Im looking for some help re: Overflow... Now I have my page: www.neester.com setup. The content frame cannot be less than 400px high... min-height: 400px; That works in Mozilla and a few other browsers - not IE... setting height: 400px... causes a full overflow of data... if i set: overflow: visible; then it works in IE, but not in Moz... how can I get a minimum height working? I know its been discussed before, I tried looking for a few links, but it became too tedious... please if you can - send me a link or advice! Thanks everyone! -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Overflow... Help!
Hey James, I want the information to flow on the page, not need scrolling... I want it to display on mozilla - how it displays now in IE... but Mozilla cut from the 400px ... and then everything is chucked on top of the footer... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com James Ellis wrote: Chris Try overflow : auto; height : 400px; Cheers James Chris Stratford wrote: Hey WSG, Im looking for some help re: Overflow... Now I have my page: www.neester.com setup. The content frame cannot be less than 400px high... min-height: 400px; That works in Mozilla and a few other browsers - not IE... setting height: 400px... causes a full overflow of data... if i set: overflow: visible; then it works in IE, but not in Moz... how can I get a minimum height working? I know its been discussed before, I tried looking for a few links, but it became too tedious... please if you can - send me a link or advice! Thanks everyone! -- Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Overflow... Help!
Chris Moz is actually doing the right thing here - with the height of 400px and overflow on. I took the overflow and height from outer-content and it works fine in Mozilla. You may then see the peekaboo bug pop in IE cause by the floating navigation - in which case set a height of 100% on outer-content. I don´t have IE running at the moment so I can´t check the results of this - but it should work. HTH James Chris Stratford wrote: Hey James, I want the information to flow on the page, not need scrolling... I want it to display on mozilla - how it displays now in IE... but Mozilla cut from the 400px ... and then everything is chucked on top of the footer... Chris Stratford [EMAIL PROTECTED] Http://www.neester.com * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Mac IE Fix Sites
Hello, Jaime, Your original post did not allow us to look at the HTML. Screen dumps are not hugely useful. I believe the best way to request help on this list is to post links to both the HTML and the CSS so that people can look at them. Could you do this? It looks as though the issue in the main part of your page has to do with clearing. IE5 Mac has a bug which makes floated items inside cleared items inherit the clear, even if you set the inside floated item to clear:none. So you have to find a way to build your CSS that avoids this issue. http://www.macedition.com/cb/ie5macbugs/#floatclearbug -Hugh Todd And here's another reference resource: http://www.l-c-n.com/IE5tests/ * The discussion list for http://webstandardsgroup.org/ *