Re: [WSG] commonly used order of styles within a css class
Morning Sean,
I tend to set mine out like below:
#element {
width : 768px ; height : auto ;
margin : 0px ; padding : 0px ;
background : #99cc00 ; color : #ccff00 ;
display : block ; float : left ;
}
anything else get bunged in at the bottom, but i always start
with the first 4 (width,height,margin,padding) dunno why tho,
guess its just habit!
Mark Harwood
---
phunky.co.uk / zinkmedia.co.uk / xhtmlandcss.co.uk
**
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] web essentials briefing/ westciv CSS Guide
Web Essentials 04 looks like is turning out to be one killer event. I wish it was a little closer to home so I could make it. Everybody says Doug is an excellent speaker, and I'd really like to see Dave Shea as well. Add to that the likes of Joe Clarke, John, Russ and the rest of the Aussie crew and you've the makings of a great conference. I hope people will be blogging about it, and I'd love to see some of the presentations or even just the keynote streamed for those of us on the other side of the planet :-) If you're based in Oz however you'd be a fool to miss it. Andy Budd http://www.message.uk.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 **
RE: [WSG] web essentials briefing/ westciv CSS Guide
From: Andy Budd Web Essentials 04 looks like is turning out to be one killer event. I wish it was a little closer to home so I could make it. Yup, same thoughts here... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** 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] commonly used order of styles within a css class
Sean wrote: Does anyone know if there is a common way of listing styles in CSS? I don't mean the order of a:hover a: visited, or the order of specification. I am thinking more of some logical order that would be helpful to anyone else working on stylesheets I have created. Are you meaning in a micro or macro sense. i.e. how to structure sets of statement within a stylesheet or how to structure a set of declarations within a statement? If it's the former there tend to be a couple of main ways. One is to group statements into logical types, such as all layout goes in one place, all text stuff in another. However I personally break this info into separate stylesheets as I find it easier to manage. Another popular way is to structure stylesheets based on selector type, so you may have all element selectors first, then all id's and lastly all classes. I can see the logic behind this but it's not something I favour. The way I tend to arrange statements is by position in the flow of the document. So I'll have all universal statements at the top, then statements relating to the header, nav, content and finally footer statements at the bottom. This works well for me, but I do often find that I'll need to add a new statement later that's the same of similar to one I already have. Rather than taking the original statement out and putting it up top with the universal statements, I tend just to tack a new selector on. This means that sometimes statements aren't always exactly matching the flow of the document. This is fine if you've only got one person working on the CSS, but would get confusing if you've got multiple people using the same file. As for arranging declarations within a statement, because statements don't tend to be so long, I generally don't have a format. I simply put them in the order I write them in. Andy Budd http://www.message.uk.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 **
Re: [WSG] web essentials briefing/ westciv CSS Guide
Andy, If you're based in Oz however you'd be a fool to miss it. Why, though? The calibre of the people looks fantastic, but would it be worth spending $750 to see them? I really would love to go if I was convinced that it would advance my web building knowledge hugely, more than (say) this mailing list! I'm desperate for a good enough excuse - and I don't have it yet. In saying this I do not want to detract at all from the excitement building about the event. And I can see that for someone brand new to web standards this will, as you say, be a killer event. I just want to have a picture painted of the benefits of this event, more than the names, and more than the titles of the events. Maybe others in the WSG are holding back for a similar reason, and might also pull out their wallets if the pitch was good enough! I'm no guru, but I get by. Is it for me (he asks hopefully)? -Hugh ** 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] web essentials briefing/ westciv CSS Guide
Mark Harwood wrote: Yeah We really need summat like this in the UK! Fancy increasing you GeekEnd's a bit Andy? ;) Well there has been talk so you never know what may be happening next year ;-) Andy Budd ** 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] web essentials briefing/ euro event
I agree Mark, While I would love to have the excuse to go to Sydney its a bit of a longshot and I dont think anyone will believe me. However, your thoughts on a UK/North European event. I would be happy to take that further. Aynone interested in becoming involved care to email me offline and we can discuss bringing a standards event to Europe. Regards Giles [EMAIL PROTECTED] *** Splash!PR Marketing Windmill Oast Benenden Road, Rolvenden Kent TN17 4PF t: 01580 241177 f: 01580 241188 THIS MESSAGE MAY BE CONFIDENTIAL: if received by you in error, I apologise - please tell me and delete the message ** 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] scroll inside a page
hi Daniela, I use some JavaScript for a scroll inside the page that only works in Microsoft IE. How kan I check my sites about how far they (don't!) meet these standards, and does anyone know a browser-compatible solution for such a scroll? you can use overflow:auto; on a div which results in scroll bars being added as soon as the contained text/content gets too long. you can check your site here: http://validator.w3.org/, the validation service of the World Wide Web Consortium. it checks for standards-comliance. the proprietary scroll bar stuff one of the other posters mentioned is colouring the scroll bars themselves, i believe, not overflow:;. hope that helps, - Thorsten ** 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] Anyone know of any good DOM tutorials?
Hi guys, Anyone know where I can find a good, easy to follow online tutorial on using the DOM to control elements on a webpage? Specifically, I need to change the class of an element to a different class. Cheers, Seona. __ ella for Spam Control has removed Spam messages and set aside Later for me You can use it too - and it's FREE! http://www.ellaforspam.com --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.749 / Virus Database: 501 - Release Date: 1/09/2004 ** 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] A proper way to style images?
Vaska, Without seeing your problem (to see if other css rules have affected it) it sounds like the 5 pixels you are talking about is space for characters that require acutes, umlauts etc. Some browsers allow space for the full height of these slightly taller characters within the paragraph box, others will poke them out the top of the box slightly. To test this, apply a css-driven border to the image and paragraph. The paragraph of text may appear lower than the image. Then, make the first letter in the paragraph a a capital letter with an acute. The top of the image could now sit level with the top of the acute. If this is the problem and it really worries you, you could use margin (which is better if borders are applied to the image) or padding to push the image down. Make sure you use a relative unit (eg .2em) so that it will scale regardless of font size. The issues you will then face are 1. rounding. Browsers will have to calculate the size of 0.2 of an em, and will sometimes have to go to the nearest measurement. 2. slight browser rendering differences due to how they deal with acutes etc. HTH Russ on 4/9/04 1:55 AM, Vaska.WSG at wrote: I have an image that I'm dropping into a paragraph that I want to align to the left and wrap the text around it. Easy enough... img src='img.gif' style='float:left;' alt...size...etc... / Now, this does the job but the top of the image is about 5 pixels above the top of the line. I can easily adjust this with margin or padding, but is there a better way to do this? Does there exist some commonly known quantity of pixels that needs to be adjusted for so we can level text and image tops? Thanks, v ** 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] Anyone know of any good DOM tutorials?
Hmm... not sure about a tutorial, but adapting Patrick Griffaths DOM
example for avoiding email spam at
http://www.htmldog.com/ptg/archives/63.php
would give something like:
function changeClass(id, newclass){
elementToChange = document.getElementById(id);
elementToChange.setAttribute(class, newclass);
}
Then you'd need to associate this function with the element/event that
you want to use... such as:
document.getElementById(myMenuItem).onmouseover = function(){
changeClass(myMenuItem, thenewclassname)}
Actually, with the last bit I'm not too sure whether I'm mixing my old
JS habits with proper DOM coding... perhaps someone more knowledgable
can check it when they read this!
Hope it helps!
-Michael.
On Sat, 2004-09-04 at 07:42, Seona Bellamy wrote:
Hi guys,
Anyone know where I can find a good, easy to follow online tutorial on using
the DOM to control elements on a webpage? Specifically, I need to change the
class of an element to a different class.
Cheers,
Seona.
__
ella for Spam Control has removed Spam messages and set aside Later
for me
You can use it too - and it's FREE! http://www.ellaforspam.com
---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.749 / Virus Database: 501 - Release Date: 1/09/2004
**
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] Anyone know of any good DOM tutorials?
Seona,
Is there good reason not to use CSS psuedo classes such as :hover etc?
(http://www.htmldog.com/guides/cssintermediate/pseudoclasses/)
I guess you're doing something more complex than the example below...
On Sat, 2004-09-04 at 08:28, Michael Nelson wrote:
Hmm... not sure about a tutorial, but adapting Patrick Griffaths DOM
example for avoiding email spam at
http://www.htmldog.com/ptg/archives/63.php
would give something like:
function changeClass(id, newclass){
elementToChange = document.getElementById(id);
elementToChange.setAttribute(class, newclass);
}
Then you'd need to associate this function with the element/event that
you want to use... such as:
document.getElementById(myMenuItem).onmouseover = function(){
changeClass(myMenuItem, thenewclassname)}
Actually, with the last bit I'm not too sure whether I'm mixing my old
JS habits with proper DOM coding... perhaps someone more knowledgable
can check it when they read this!
Hope it helps!
-Michael.
On Sat, 2004-09-04 at 07:42, Seona Bellamy wrote:
Hi guys,
Anyone know where I can find a good, easy to follow online tutorial on using
the DOM to control elements on a webpage? Specifically, I need to change the
class of an element to a different class.
Cheers,
Seona.
__
ella for Spam Control has removed Spam messages and set aside Later
for me
You can use it too - and it's FREE! http://www.ellaforspam.com
---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.749 / Virus Database: 501 - Release Date: 1/09/2004
**
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] Anyone know of any good DOM tutorials?
Hi Seona, Mozilla has really good DOM resources http://www.mozilla.org/docs/dom/ http://www.mozilla.org/docs/dom/domref/ This might be specifically what you want http://www.mozilla.org/docs/dom/domref/dom_el_ref4.html#1027595 Tony Aslett http://www.csscreator.com/ Seona Bellamy wrote: Hi guys, Anyone know where I can find a good, easy to follow online tutorial on using the DOM to control elements on a webpage? Specifically, I need to change the class of an element to a different class. Cheers, Seona. ** 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] FireFox - Built In CSS Error Handler?
Tools - DOM inspector Tools - Javascript Console -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Chris Stratford wrote: Hey List, Just wondering - anyone have any idea what this is? A Developer's Best Friend Firefox comes with a standard set of developer tools including a powerful JavaScript and CSS error/warning console, and an optional Document Inspector that gives unheard of insight into how your pages work. Taken from www.mozilla.org/products/firefox I have never noticed the CSS error warnign console before ** 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] I found a compliant Radio station site!
Ive been looking, on and off, for a standards-compliant radio station site for ages, and Ive finally found one. NZs government-owned Radio New Zealand has a compliant site, coded in XHTML1.0 strict. Its even got a page about its compliance and how its accessibility features work. The site LOOKs really REALLY boring, which I think they could have improved a lot, but the structure and navigation etc proves that you can indeed have an informative media site that doesnt have all the garbage thats on most media sites. Its at http://www.radionz.co.nz and the accessibility statement is at http://www.radionz.co.nz/index.php?nav=1section=access Cheers Mike Kear AFP Webworks Windsor, NSW, Australia http://afpwebworks.com .com, .net, .org etc domains start at A$20/year
[WSG] Dean Jackson presentation url
Hi Did anyone write down the url for the excellent presentation Dean Jackson gave at the WE04 session on Thursday Sept 2. Thanks Roger ** 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 **
