Re: [WSG] Request: Is it semantically correct?
I agree... Since I want this wrapped with a box with other type of corners, it would be: http://cb2web.com/tests/testboxmodel4.htm CSS: http://cb2web.com/tests/testboxmodel4.css And in order to move the hn inside that box and use a top of list link in the bottom, this is my best shot: http://cb2web.com/tests/testboxmodel5.htm div id=europestats h2Europe Stats/h2 dl dtNumber of women for 100 men(1995):/dt ddEurope: 105 women for 100 men/dd ddWorld: 98,6 women for 100 men/dd dtPercentage of girls and boys of less than 15 years old (1995):/dt ddEastern Europe: 22% of girls for 24% of boys/dd ddWestern Europe: 19% of girls for 21% of boys/dd dtFertility Rate of 15-19 years old women (1990-95):/dt ddEastern Europe: 48 births for 1000 women/ Western Europe: 22 births for 1000 women/dd /dl pa href=#europestats title=top of listtop of list/a/p /div CSS: http://cb2web.com/tests/testboxmodel5.css Russ, If only I have discovered your definition lists examples a few months ago... Oh well :) Carlos - Original Message - From: Lea de Groot [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Monday, May 03, 2004 12:55 AM Subject: Re: [WSG] Request: Is it semantically correct? A table would be perfectly semantically correct, and I dont see why it would make a difference to the width, but if you want to do it table free, I would prefer something like this: hnStatistics - Europe/hn dl dtNumber of women for 100 men(1995):/dt ddEurope: 105 women for 100 men/dd ddWorld: 98,6 women for 100 men/dd dtPercentage of girls and boys of less than 15 years old (1995):/dt ddEastern Europe: 22% of girls for 24% of boys/dd ddWestern Europe: 19% of girls for 21% of boys/dd dtFertility Rate of 15-19 years old women (1990-95):/dt ddEastern Europe: 48 births for 1000 women/dd ddWestern Europe: 22 births for 1000 women/dd /dl (thats what I'd do - mind you, this is the 30-second take as I am being called for breakfast!) Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia $0 Bannerless Web Hosting, 10 POP and Web Email Accounts, more Get It Now At www.doteasy.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] Request: Is it semantically correct?
This new example is much cleaner code - less divs etc. However, it is hard to tell if it is semantically correct without real content inside. Some may disagree, but I would have to say at present it looks like it is pushing the DL slightly more than it should as there does not seem to be a direct relationship between the dt and the dd. 'Others believe that definition lists can be used to tie together any items that have a direct relationship with each other (name/value sets).' http://www.maxdesign.com.au/presentation/definition/ I think the paragraph is the thing that breaks the direct relationship for me is it's between the heading and the list. This example works as a DL: dtFruitdt ddpeardd ddappledd ddbananadd This example does not seem to work as well, as the paragraph interrupts the direct relationship. dtFruit/dt dd pHere is some fruit/p ul lipear/li liapple/li libanana/li /ul /dd Of course, it all comes down to personal opinion! What do others reckon? Russ Russ, I have followed your advice regarding the use of divs and classes... Do you think using dl for this could be better? I've tried and attained the same result using dl and only one class, see: http://cb2web.com/tests/testboxmodel3.htm Could it be connsidered more correct? Does the bug you noticed remains? CSS: http://cb2web.com/tests/coolboxes3.css Thank you! Carlos * 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] Request: Is it semantically correct?
I see your point Russ. I need to use it for something like: dl dtStatistics - Europe/dt dd pNumber of women for 100 men(1995):/p ul liEurope: 105 women for 100 men/li liWorld: 98,6 women for 100 men/li /ul pPercentage of girls and boys of less than 15 years old (1995):/p ul liEastern Europe: 22% of girls for 24% of boys/li liWestern Europe: 19% of girls for 21% of boys/li /ul pFertility Rate of 15-19 years old women (1990-95):/p ul liEastern Europe: 48 births for 1000 women/li liWestern Europe: 22 births for 1000 women/li /ul /dd /dl (see the example at http://cb2web.com/tests/testboxmodel3.htm) Of course, it is tabular data. The point is that I am trying to avoid tables in a narrow side-column of a 3-column layout. Opinion? - Original Message - From: russ - maxdesign [EMAIL PROTECTED] To: Web Standards Group [EMAIL PROTECTED] Sent: Sunday, May 02, 2004 11:06 PM Subject: Re: [WSG] Request: Is it semantically correct? This new example is much cleaner code - less divs etc. However, it is hard to tell if it is semantically correct without real content inside. Some may disagree, but I would have to say at present it looks like it is pushing the DL slightly more than it should as there does not seem to be a direct relationship between the dt and the dd. 'Others believe that definition lists can be used to tie together any items that have a direct relationship with each other (name/value sets).' http://www.maxdesign.com.au/presentation/definition/ I think the paragraph is the thing that breaks the direct relationship for me is it's between the heading and the list. This example works as a DL: dtFruitdt ddpeardd ddappledd ddbananadd This example does not seem to work as well, as the paragraph interrupts the direct relationship. dtFruit/dt dd pHere is some fruit/p ul lipear/li liapple/li libanana/li /ul /dd Of course, it all comes down to personal opinion! What do others reckon? 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] Request: Is it semantically correct?
A table would be perfectly semantically correct, and I dont see why it would make a difference to the width, but if you want to do it table free, I would prefer something like this: hnStatistics - Europe/hn dl dtNumber of women for 100 men(1995):/dt ddEurope: 105 women for 100 men/dd ddWorld: 98,6 women for 100 men/dd dtPercentage of girls and boys of less than 15 years old (1995):/dt ddEastern Europe: 22% of girls for 24% of boys/dd ddWestern Europe: 19% of girls for 21% of boys/dd dtFertility Rate of 15-19 years old women (1990-95):/dt ddEastern Europe: 48 births for 1000 women/dd ddWestern Europe: 22 births for 1000 women/dd /dl (thats what I'd do - mind you, this is the 30-second take as I am being called for breakfast!) Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia * 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] Request: Is it semantically correct?
Of course, it all comes down to personal opinion! What do others reckon? I suppose it really depends on what is trying to be achieved. To my way of thinking, the clean dtdd combination is more semantically correct. For me the ulli seem to throw the semantics out a little - moreso than the p. Even though I can see it is a list of fruit. If the p were in the dt instead of the dd would that improve the semantics more? (seeing the content is talking about fruit generically rather than specifically?) Then. what about styling? Does the list need bullets next to it? Do all browsers support the ability to bullet anything? Are bullets on any item part of the W3C CSS standard (I'm asking cause I dont know it all back to front)? You can do a lot with CSS - but you can only really work with the blocks you have created. Putting the p in the dt block may mean you have to use some horrid positioning to get it where you want it (for example) OR vice versa. BUT. maybe that is what you need to do semantically (i.e. remove the p altogether and position it separately). For me it always comes back to this You understand the standards and known how to use them - then there is 'getting the job done' In my case, the latter always takes precedence over the standards because, in the end, I have to get the job done and meet the requirements (in spite of standards). Gary Menzel Web Development Manager IT Operations Brisbane -+- ABN AMRO Morgans Limited Level 29, 123 Eagle Street BRISBANE QLD 4000 PH: 07 333 44 828 FX: 07 3834 0828 To unsubscribe from this email please forward this email to: [EMAIL PROTECTED] If this communication is not intended for you and you are not an authorised recipient of this email you are prohibited by law from dealing with or relying on the email or any file attachments. This prohibition includes reading, printing, copying, re-transmitting, disseminating, storing or in any other way dealing or acting in reliance on the information. If you have received this email in error, we request you contact ABN AMRO Morgans Limited immediately by returning the email to [EMAIL PROTECTED] and destroy the original. We will refund any reasonable costs associated with notifying ABN AMRO Morgans. This email is confidential and may contain privileged client information. ABN AMRO Morgans has taken reasonable steps to ensure the accuracy and integrity of all its communications, including electronic communications, but accepts no liability for materials transmitted. Materials may also be transmitted without the knowledge of ABN AMRO Morgans. ABN AMRO Morgans Limited its directors and employees do not accept liability for the results of any actions taken or not on the basis of the information in this report. ABN AMRO Morgans Limited and its associates hold or may hold securities in the companies/trusts mentioned herein. Any recommendation is made on the basis of our research of the investment and may not suit the specific requirements of clients. Assessments of suitability to an individual?s portfolio can only be made after an examination of the particular client?s investments, financial circumstances and requirements. ABN AMRO Morgans Limited (ABN 49 010 669 726 AFSL 235410) A Participant of ASX Group * 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] Request: Is it semantically correct?
Hello list, I have been dealing with some ways of having box borders other than the regular ones... Can you please tell me if this attempt is semantically correct and if it has too much nested divs? Example: http://cb2web.com/tests/testboxmodel.htm CSS: http://cb2web.com/tests/coolboxes.css Thank you in advance for your help and eventual sugestions... Carlos * 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] Request: Is it semantically correct?
Cb2 Web Design wrote: Hello list, I have been dealing with some ways of having box borders other than the regular ones... Can you please tell me if this attempt is semantically correct and if it has too much nested divs? Example: http://cb2web.com/tests/testboxmodel.htm CSS: http://cb2web.com/tests/coolboxes.css Thank you in advance for your help and eventual sugestions... Carlos * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * Well, labling your classes with 'coolbox' isn't semantic, it's presentational. Other than that, I don't see any problem with using that nested div structure, as long as all elements relate to a distinctive bit of content. * 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] Request: Is it semantically correct?
'Semantically correct' is one of those tricky questions that gets us all into hot water. On one hand you have code purists who believe that there should be the absolute minimum of extra divs and classes [1]. Anything extra is clogging up the code. There are even purists who believe that any form of background image is wrong. On the other you have people trying to achieve practical solutions for design problems. So, everyone you ask will have a different opinion. The bottom line is to use as few additional divs and classes as possible. And, more importantly, that all presentation (colour, images etc) should be removed from the code - which your example does correctly. Having said that, a few divs can be removed from your example without changing the result, even though it still has the slight bug in the footer that your example does (in mac moz and safari): http://www.maxdesign.com.au/jobs/css/coolbox/ Russ [1] On Tuesday 'Ten questions for Anne van Kesteren interviews goes live, where he talks about how div's have semantic meaning. I have been dealing with some ways of having box borders other than the regular ones... Can you please tell me if this attempt is semantically correct and if it has too much nested divs? * 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] Request: Is it semantically correct?
Russ, Noa, thank you.
Russ, a very, very clever approach... that a {display: block} really made
the difference!
Thank you again and I look forward for the interview with Anne van Kesteren.
Carlos
- Original Message -
From: russ - maxdesign [EMAIL PROTECTED]
To: Web Standards Group [EMAIL PROTECTED]
Sent: Saturday, May 01, 2004 10:31 PM
Subject: Re: [WSG] Request: Is it semantically correct?
'Semantically correct' is one of those tricky questions that gets us all
into hot water.
On one hand you have code purists who believe that there should be the
absolute minimum of extra divs and classes [1]. Anything extra is clogging
up the code. There are even purists who believe that any form of background
image is wrong. On the other you have people trying to achieve practical
solutions for design problems. So, everyone you ask will have a different
opinion.
The bottom line is to use as few additional divs and classes as possible.
And, more importantly, that all presentation (colour, images etc) should be
removed from the code - which your example does correctly.
Having said that, a few divs can be removed from your example without
changing the result, even though it still has the slight bug in the footer
that your example does (in mac moz and safari):
http://www.maxdesign.com.au/jobs/css/coolbox/
Russ
[1] On Tuesday 'Ten questions for Anne van Kesteren interviews goes live,
where he talks about how div's have semantic meaning.
I have been dealing with some ways of having box borders other than the
regular ones... Can you please tell me if this attempt is semantically
correct and if it has too much nested divs?
*
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
*
