Re: [WSG] Font property
1.5 what.? [EMAIL PROTECTED] 6/06/2006 3:35:42 pm Hi all Is this valid css and if not what's wrong with it: font: 2.2em/1.5; Regards Bojana Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://globalsummit.educationau.edu.au for further details. IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. __ScanningofthismessageandadditionofthisfooterisperformedbySurfControlE-mailFiltersoftware.**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor 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**
[WSG] CSS navigation pushing contents of next div over in IE6
Hi All,
I'm trying to implement a CSS/_javascript_ dropdown navigation (as shown at the seminars recently) and all's well in IE7, firefox and safari, though in IE6 the navigation div pushes the content of the adjoining div over to the right by a few pixels. I've tried to adjust the padding, width and margin of all the elements but it's still happening. anyone got any ideas:
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {padding:0;margin:0;float:left;width:150px;}#navigation{margin: 0;padding:0;list-style-type: none;background-color:transparent;
}#navigation li {display: inline;}#navigation li a {display: block;font-family: "Arial Narrow", Arial, Helvetica sans-serif;color: #404142;text-decoration: none;font-weight: bold;padding: 5px 0 5px 5px;margin:0;border-bottom: 1px solid #fff;}#navigation ul {margin: 0;padding: 0;list-style-type: none;}#navigation.js ul {display: none;}#navigation li.open ul {display: block;margin:0;padding:0;border-bottom:1px solid #fff;}#navigation li#wines ul a {padding: 3px 0 3px 6px;margin:0;color: #404142;font-family: Helvetica, "Arial Narrow", Arial, sans-serif;font-size: 90%;font-weight: normal;background-color:#C4C5C6;border-bottom:1px solid #D1D2D3;}#navigation li a:hover {color: #fff;background-color:#A2A2A2;}#navigation li#wines ul a:hover {background-color:#f0f0f1;}
#content {background-color:#fff;margin-left:150px;padding: 5px 5px 5px 10px;}
thanks for any help...!
sam
**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] Colour blindness simulator
Hu Andreas, Cool tool, but, just in case if somebody miss this out, there is another great offline tool http://www.michelf.com/projects/sim-daltonism/ Only for Mac. Cheers, Dmitry Andreas Boehmer [Addictive Media] wrote: Hi guys, I found this nice little tool on the web which simulates the effects of colour blindness: http://www.aspnetresources.com/tools/colorblindness.aspx You can upload your images to the site and it will show them in two of the more common forms of colour blindness. Might be useful to check if the design of a site is accessible. Cheers, Andreas. Andreas Boehmer User Experience Consultant Addictive Media Phone: (03) 9386 8907 Mobile: (0411) 097 038 http://www.addictivemedia.com.au Consulting | Accessibility | Usability | Development ** 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] Colour blindness simulator
GIMP also has a tool for this http://gimp.org/ -- R. Potter Design and Development Lead Midnight Oil Design: http://www.midnightoildesign.com Pragmatic Programming Principle #59: Costly Tools Don't Produce Better Designs. ** 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] CSS navigation pushing contents of next div over in IE6
Read: http://www.positioniseverything.net/explorer/threepxtest.html
-Original
Message-
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam Butler
Sent: Tuesday, 6 June 2006 4:00 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS navigation
pushing contents of next div over in IE6
Hi All,
I'm trying to implement a CSS/_javascript_
dropdown navigation (as shown at the seminars recently) and all's well in IE7,
firefox and safari, though in IE6 the navigation div pushes the content of the
adjoining div over to the right by a few pixels. I've tried to adjust the
padding, width and margin of all the elements but it's still happening. anyone
got any ideas:
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {
padding:0;
margin:0;
float:left;
width:150px;
}
#navigation
{
margin: 0;
padding:0;
list-style-type: none;
background-color:transparent;
}
#navigation li {
display: inline;
}
#navigation li a {
display: block;
font-family: Arial Narrow, Arial, Helvetica sans-serif;
color: #404142;
text-decoration: none;
font-weight: bold;
padding: 5px 0 5px 5px;
margin:0;
border-bottom: 1px solid #fff;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation.js ul {
display: none;
}
#navigation li.open ul {
display: block;
margin:0;
padding:0;
border-bottom:1px solid #fff;
}
#navigation li#wines ul a {
padding: 3px 0 3px 6px;
margin:0;
color: #404142;
font-family: Helvetica, Arial Narrow, Arial, sans-serif;
font-size: 90%;
font-weight: normal;
background-color:#C4C5C6;
border-bottom:1px solid #D1D2D3;
}
#navigation li a:hover {
color: #fff;
background-color:#A2A2A2;
}
#navigation li#wines ul a:hover {
background-color:#f0f0f1;
}
#content {
background-color:#fff;
margin-left:150px;
padding: 5px 5px 5px 10px;
}
thanks for any help...!
sam
**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] CSS navigation pushing contents of next div over in IE6
Also, if you want some great inspiration
for designing a wine website, check out:
http://www.palliser.co.nz/
S
-Original
Message-
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam Butler
Sent: Tuesday,
6 June 2006 4:00
PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS navigation
pushing contents of next div over in IE6
Hi All,
I'm trying to implement a
CSS/_javascript_ dropdown navigation (as shown at the seminars recently) and
all's well in IE7, firefox and safari, though in IE6 the navigation div pushes
the content of the adjoining div over to the right by a few pixels. I've tried
to adjust the padding, width and margin of all the elements but it's still
happening. anyone got any ideas:
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {
padding:0;
margin:0;
float:left;
width:150px;
}
#navigation
{
margin: 0;
padding:0;
list-style-type: none;
background-color:transparent;
}
#navigation li {
display: inline;
}
#navigation li a {
display: block;
font-family: Arial Narrow, Arial, Helvetica sans-serif;
color: #404142;
text-decoration: none;
font-weight: bold;
padding: 5px 0 5px 5px;
margin:0;
border-bottom: 1px solid #fff;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation.js ul {
display: none;
}
#navigation li.open ul {
display: block;
margin:0;
padding:0;
border-bottom:1px solid #fff;
}
#navigation li#wines ul a {
padding: 3px 0 3px 6px;
margin:0;
color: #404142;
font-family: Helvetica, Arial Narrow, Arial, sans-serif;
font-size: 90%;
font-weight: normal;
background-color:#C4C5C6;
border-bottom:1px solid #D1D2D3;
}
#navigation li a:hover {
color: #fff;
background-color:#A2A2A2;
}
#navigation li#wines ul a:hover {
background-color:#f0f0f1;
}
#content {
background-color:#fff;
margin-left:150px;
padding: 5px 5px 5px 10px;
}
thanks for any help...!
sam
**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] [WSG CMS] Etomite CMS
Well I have tried most of the WYSIWYG editors (open source and commercial) and have settled on http://www.innovastudio.com/This one was simply the easiest to use, and whilst its commercial, by far the least expensive. Works great for FF and IE, and most importantly you can create XHTML compliant pages. Mind you if you use it in a CMS, you cant stop the end user from just messing it up.Other favourites FCK Editor ( http://www.fckeditor.net/), and Xinha (http://xinha.python-hosting.com/) although the latter is not fully developed yet.Hope that helps :) **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] Font property
Hi,I have never seen that value for font size before. However, if you wish to have it at that size, you can put 1.5em, rather than the math function you have. I'm guessing you are trying to get the value of 2.2/1.5 as the font size, which equals to 1.4666, round that up and you get 1.5, which is a better syntax.Mwww.m-tran.netBojana Lalic [EMAIL PROTECTED] wrote:Hi allIs this valid css and if not whatâs wrong with it:font: 2.2em/1.5; Regards Bojana Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://globalsummit.educationau.edu.au for further details. IMPORTANT: This e-mail, including any attachments, maycontain private or confidential information. If you think you may not bethe intended recipient, or if you have received this e-mail in error,please contact the sender immediately and delete all copies of thise-mail. If you are not the intended recipient, you must not reproduceany part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender,which do not necessarily reflect those of education.aulimited except where the sender expressly statesotherwise. It is your responsibility to scan this email and anyfiles transmitted with it for viruses or any other defects. education.au limitedwill not be liable for any loss, damage or consequence caused directlyor indirectly by this email. **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help** __Do You Yahoo!?Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] Font property
Bojana Lalic wrote: Is this valid css and if not what’s wrong with it: font: 2.2em/1.5; the 2.2em/1.5 bit is okay and says font-sze 2.2em line height 1.5 times that... (see: http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ Eric's Archived Thoughts: Unitless line-heights) IIRC you need at least a font-family with your shorthand font declaration for it to be valid. http://www.w3.org/TR/REC-CSS2/fonts.html#font-shorthand so font: 2.2em/1.5; isn't valid, but font: 2.2em/1.5 Arial, Helvetica, sans-serif; is. hth -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ ** 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] How to detect bottom of a page?
Hi all This is the css I used to display the url at the bottom of the page: display: block; font-weight: bold; font-size: 150%; bottom: 45px; position: absolute; However, I've got a slight problem now. When printing out the article that is three pages long (when printed out) the url appears on the first page. How do I force it to display only on the last page? Cheers Bojana -Original Message- From: Paul Novitski [mailto:[EMAIL PROTECTED] Sent: Thursday, April 20, 2006 6:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] How to detect bottom of a page? At 06:57 PM 4/19/2006, Bojana Lalic wrote: I am working on a print stylesheet. What I need to do is display a url at the bottom of the last page. I understand that this can be done with CSS3 float: bottom; but is there another way of doing this? I wonder if you can simply mark up the URL at the bottom of your HTML page, then suppress it from screen display if desired. Paul Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://www.educationau.edu.au/globalsummit2006 for further details. _ IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. ** 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] Font property
Hi Bojana! On 6/6/06, Bojana Lalic [EMAIL PROTECTED] wrote:
Is this valid css and if not what's wrong with it:font: 2.2em/1.5;In terms of syntax you are correct... (if you mean to indicate font-size and line-height respectively), as per my generic example of 'font' shorthand below:
body {font: font-style font-variant font-weight font-size/line-height font-family;}However, I know the validator won't pick that up unless you at least add the font-family on the end. Or I usually find that to be the case with the 'font' shorthand
Lachlan Hardy
**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] How to detect bottom of a page?
Bojana Lalic wrote: However, I've got a slight problem now. When printing out the article that is three pages long (when printed out) the url appears on the first page. How do I force it to display only on the last page? Why not put the url for the article at the end of the source code and set it to display: none, then in a print stylesheet, override that so it gets printed? That's the only way I can think of to have it appear last. hth ;o) -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ ** 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] Font property
I have never seen that value for font size before. However, if you wish to have it at that size, you can put 1.5em, rather than the math function you have. I'm guessing you are trying to get the value of 2.2/1.5 as the font size, which equals to 1.4666, round that up and you get 1.5, which is a better syntax. it's not math, it's declaring font-size as well as line-height (which is valid without specifying a unit of measure). I don't think it's valid, as the font-family is missing. ie., this is valid: font: 2.2em/1.5 sans-serif; ** 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] Web-safe Colour Palette
Just trying to gauge how important it is for all of your colors to be 100% web safe. Is this a thing of the past or still very important? Ryan **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] How to detect bottom of a page?
B, Make sure the div that is appearing at the bottom of the page appears after your content in the HTML. Then in a print only style sheet format that block to be position : static; This will cause the footer to be pushed down from the content on the page again. IE may still use the bottom CSS rule even though it should (due to the position : static;) if this is the cause then add bottom : auto; to make it behave. - Samuel Read my blog if you're coming to Melbourne : http://www.seasonstravel.com.au -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Bojana Lalic Sent: Tuesday, 6 June 2006 4:33 PM To: Paul Novitski; wsg@webstandardsgroup.org Subject: RE: [WSG] How to detect bottom of a page? Hi all This is the css I used to display the url at the bottom of the page: display: block; font-weight: bold; font-size: 150%; bottom: 45px; position: absolute; However, I've got a slight problem now. When printing out the article that is three pages long (when printed out) the url appears on the first page. How do I force it to display only on the last page? Cheers Bojana -Original Message- From: Paul Novitski [mailto:[EMAIL PROTECTED] Sent: Thursday, April 20, 2006 6:46 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] How to detect bottom of a page? At 06:57 PM 4/19/2006, Bojana Lalic wrote: I am working on a print stylesheet. What I need to do is display a url at the bottom of the last page. I understand that this can be done with CSS3 float: bottom; but is there another way of doing this? I wonder if you can simply mark up the URL at the bottom of your HTML page, then suppress it from screen display if desired. Paul Global Summit 2006: Technology Connected Futures -- 17-19 October, Sydney, Australia. Visit our website http://www.educationau.edu.au/globalsummit2006 for further details. _ IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. ** 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] Font property
From what I understand, to use 'font' as a shorthand property you have to
include the size and font-name as a minimum (in that order).
I thought the order of properties was important?
for example, isn't weight listed first?
i.e
{font: weight style variant size/line-height font-name}
or do you guys find it works in any order?
lisa
From: Lachlan Hardy [mailto:[EMAIL PROTECTED]
On 6/6/06, Bojana Lalic [EMAIL PROTECTED] wrote:
Is this valid css and if not what's wrong with it:
font: 2.2em/1.5;
In terms of syntax you are correct... (if you mean to indicate font-size
and line-height respectively), as per my generic example of 'font'
shorthand below:
body {font: font-style font-variant font-weight font-size/line-height
font-family;}
However, I know the validator won't pick that up unless you at least add
the font-family on the end. Or I usually find that to be the case with the
'font' shorthand
**
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] [WSG CMS] Etomite CMS
Ryan Moore wrote: Hopefully this is not off-topic, It is. Go to the WSG site and subscribe to the CMS list. This was discussed - and moved over to that list - just a few days ago! C'mon, people. Too many posts recently have been OT, or simple thanks messages which would be better sent directly to their intended recipients. Can we cut some of this noise, please? It's very frustrating. but every CMS in my belief she be equipped with a powerful WYSIWYG editor. What is the preferred editor some may use in their cms' that keep things standard. I'd be interested in an editor that will validate XHTML strict. Ryan snip Thx - Nick ___ 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] [WSG CMS] Etomite CMS
On 6/5/06 11:15 PM Stephen Neate [EMAIL PROTECTED] sent this out: Hope that helps :) Even while this discussion moves off to the CMS list, could everyone please post text-only format to this list please? I can't read all that tiny type and I just have to delete those posts! Please cooperate! Thanks :-) Rick ** 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] CSS navigation pushing contents of next div over in IE6
David Sam Butler wrote: Hi All, I'm trying to implement a CSS/javascript dropdown navigation (as shown at the seminars recently) and all's well in IE7, firefox and safari, though in IE6 the navigation div pushes the content of the adjoining div over to the right by a few pixels. I've tried to adjust the padding, width and margin of all the elements but it's still happening. anyone got any ideas: 3px Jog Bug: http://www.positioniseverything.net/explorer/threepxtest.html 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] Colour blindness simulator
Google Colour blindness simulator and you get over 300 results. Can we look there, and not list them here one at a time? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Thanks 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] [WSG CMS] Etomite CMS
On Jun 5, 2006, at 11:12 PM, Nick Gleitzman wrote: Ryan Moore wrote: Hopefully this is not off-topic, It is. Go to the WSG site and subscribe to the CMS list. This was discussed - and moved over to that list - just a few days ago! C'mon, people. Too many posts recently have been OT, or simple thanks messages which would be better sent directly to their intended recipients. Can we cut some of this noise, please? It's very frustrating. Nick, I think you are the one who got confused. I am the author of the original post and I SENT it to CMS at webstandardsgroup.org. As far as I am aware, the thread stays in CMS at all time. Or perhaps you were saying I started a off-topic thread (that is about CMS) to CMS list?! Regards, tee ** 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] Why is Border Getting Eaten
If you float div#pagebody the border will returnAn element that contain floated elements must be floated to retain their height. Hopefully somebody can explain it fully (and better than that). -- Nick Cowiehttp://nickcowie.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] Font property
On Jun 6, 2006, at 4:02 PM, Herrod, Lisa wrote:
From what I understand, to use 'font' as a shorthand property you
have to
include the size and font-name as a minimum (in that order).
I thought the order of properties was important?
for example, isn't weight listed first?
i.e
{font: weight style variant size/line-height font-name}
or do you guys find it works in any order?
Yes order is important in this case. But only 2 properties are
required: font-size and font-family.
Note that adding additional properties can lead to surprising results
sometimes
h1 { normal 1em/2 sans-serif}
the 'normal' will apply to all 3 properties: weight, style, variant
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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] Why is Border Getting Eaten
Works Great, good enough for me. Cheers. From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Nick Cowie Sent: Tuesday, June 06, 2006 4:41 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Why is Border Getting Eaten If you float div#pagebody the border will return An element that contain floated elements must be floated to retain their height. Hopefully somebody can explain it fully (and better than that). -- Nick Cowie http://nickcowie.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 ** **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] Font property
On 6/6/06, Herrod, Lisa [EMAIL PROTECTED] wrote:
>From what I understand, to use 'font' as a shorthand property you have toinclude the size and font-name as a minimum (in that order).Yep!
I thought the order of properties was important?for example, isn't weight listed first?i.e{font: weight style variant size/line-height font-name}actually, the order is as I stated before:
font-style font-variant font-weight font-size/line-height font-family
or do you guys find it works in any order?I've never used it out of order, so I can't tell you, sorry!I can tell you that simply using 'font' resets all previous settings back to default, so it is always a good idea to make sure you haven't reset something important
Interestingly, it resets 'font-stretch' and 'font-size-adjust' as well, even though you cannot set them with the 'font' propertyIt can also be used to set system fonts, although I've never done that
For more wondrous 'font' shorthand information, see the spec:http://www.w3.org/TR/REC-CSS2/fonts.html#font-shorthandLachlan Hardy
**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] Web-safe Colour Palette
Jan Brasna Right. Nowadays you should have no problems with colors I think that, as always, this will come down to your target audience. If you know for a fact that there are still a sizeable proportion of your users on 800x600 with only 256 colours or similar, it's obviously worth considering. It may not be a case of limiting yourself to the safe colours, but at least to check how your colour choices are dithered down to a limited palette, to avoid that a foreground and background colour resolves to the exact same safe colour. Patrick Patrick H. Lauke Web Editor / University of Salford http://www.salford.ac.uk Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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] Web-safe Colour Palette
On 6/6/06, Patrick Lauke [EMAIL PROTECTED] wrote: avoid that a foreground and background colour resolves to the exact same safe colour. And, obviously, if this is happening there's probably already enough wrong with your design's contrast that safe colours should be the least of your concerns. Or did I miss something? Josh -- Joshua Street http://joahua.com/blog/ +61 (0) 425 808 469 ** 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] Font property
actually, the order is as I stated before: font-style font-variant font-weight font-size/line-height font-family or do you guys find it works in any order? I've never used it out of order, so I can't tell you, sorry! Pulling out my copy of Eric Meyer (Definitive Guide) (incredibly useful), he says that the first three properties can be written in any order. They are also optional. These are the font-style, font-variant and font-weight. However!!! Font-size and font-family must appear in that order, and both must be present in a font declaration. Meyer, E, 2004, Cascading Stylesheets: The Definitive Guide, O'reilly, pp118- 120 Kat ** 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] Print style sheets - still struggling!
They do come into it if you print things any other way - many users don't trust 'print links' for various reasons, and the appearance of the full page is not exactly great if all frames are printed on one page - scroll bars aren't very useful on paper! Mike -Original Message- snip P.S. Forgot to say : the frames aren't relevant to this, because clicking the 'click here to print this page' sends the page, plus print style, straight to the printer. The frames don't come into it! ** 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] Web-safe Colour Palette
Joshua Street On 6/6/06, Patrick Lauke [EMAIL PROTECTED] wrote: avoid that a foreground and background colour resolves to the exact same safe colour. And, obviously, if this is happening there's probably already enough wrong with your design's contrast that safe colours should be the least of your concerns. Or did I miss something? No, you didn't miss anything...a valid point. To recap then: - you can ignore web safe colours, unless you know for a fact that a large part of your audience still uses 256 colours - in most cases, you're free to choose any colours you want (knowing that they may display slightly differently on a display with a lower bit depth) - you should test that your chosen colours don't resolve to the same colour on the limited palette; in general, you should not have a problem here if your colour choices have enough contrast :) P Patrick H. Lauke Web Editor / University of Salford http://www.salford.ac.uk Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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] Web-safe Colour Palette
just test, test, test and test on as many computers as possible and you should be okOn 6/6/06, Patrick Lauke [EMAIL PROTECTED] wrote: Joshua Street On 6/6/06, Patrick Lauke [EMAIL PROTECTED] wrote: avoid that a foreground and background colour resolves to the exact same safe colour. And, obviously, if this is happening there's probably already enough wrong with your design's contrast that safe colours should be the least of your concerns. Or did I miss something?No, you didn't miss anything...a valid point. To recap then:- you can ignore web safe colours, unless you know for a fact that a large part of your audience still uses 256 colours- in most cases, you're free to choose any colours you want (knowingthat they may display slightly differently on a display with a lowerbit depth) - you should test that your chosen colours don't resolve to the samecolour on the limited palette; in general, you should not have a problemhere if your colour choices have enough contrast:)P Patrick H. LaukeWeb Editor / University of Salfordhttp://www.salford.ac.ukWeb Standards Project (WaSP) Accessibility Task Force http://webstandards.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 **-- GermWorkshttp://www.germworks.net http://germworks.blogspot.com/http://www.germworks.net/Phantom **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] Print style sheets - still struggling!
[EMAIL PROTECTED] wrote: They do come into it if you print things any other way - many users don't trust 'print links' for various reasons, and the appearance of the full page is not exactly great if all frames are printed on one page - scroll bars aren't very useful on paper! Mike Fair point Mike, but what's a guy to do? I provide a working solution, so if the user decides to 'do it his way' it's his lookout if he gets garbage. I want to keep the frames, so doing away with them isn't an option (esp as many users of this site love them for the navigational simplicity!) and I discovered a long time ago that there will always be some users who will 'produce problems'. It's a case of taking the middle ground, doing what you can, and hoping . . . :-) -- Best Regards, Bob McClelland Cornwall (UK) 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] Haley White Space Nav
On 6/6/06 3:52 AM Ryan Moore [EMAIL PROTECTED] sent this out: Address: http://www.rockitdevelopment.com/haley/ Tiny text. Deleted 'cause I can't read the text. ** 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] firefox css editor query
Yo,
Has anyone developed a method for working in the ff css editor that keeps
the background images on the page from doing a disappearing act when the
editor window is opened. I thought it was solved by keeping my bg images at
the same root as the stylesheets during development but that's not working
for me now either.
so even the image topright.gif in this rule wont show when the editor is
open.
#topright
{
background-image: url(topright.gif);
background-repeat:no-repeat;
background-position:0 0;
}
-best
kvn
**
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] Font property
Herrod, Lisa wrote: Wow, That's fontastic! thanks lachlan hardy you're a fontain of knowledge Fonting hell, Lisa! I think you may be endangering the fontamental nature of this list. Posts of this type rarely carry the weight we're accustomed to and we wind up being cursive towards the poster. You must be working from a different script, but I don't think it's leading anywhere. -- mark ** 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] Haley White Space Nav
Hi Ryan,
If you notice at the bottom of my mock up banner, “helping hand” you’ll
notice a white space that has been added to the bottom of its div. the
div is the div id=”banner”. There’s a red border at the bottom of it
that will be removed upon final, but just trying to figure out what is
causing this white space in FF Opera. Seeing as how it’s the good
browsers, I can’t curse IE, just my own short-comings.
#banner img {
display: block;
}
... should solve your problem.
Cheers,
Simon
**
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] Font property
On 6 Jun 2006, at 10:13 PM, Mark Harris wrote: Herrod, Lisa wrote: Wow, That's fontastic! thanks lachlan hardy you're a fontain of knowledge Fonting hell, Lisa! I think you may be endangering the fontamental nature of this list. Posts of this type rarely carry the weight we're accustomed to and we wind up being cursive towards the poster. You must be working from a different script, but I don't think it's leading anywhere. -- mark Mark, you're obviously a man of great character... 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] Font property
On 6/6/06 8:50 AM, Nick Gleitzman [EMAIL PROTECTED] wrote: Fonting hell, Lisa! I think you may be endangering the fontamental nature of this list. Posts of this type rarely carry the weight we're accustomed to and we wind up being cursive towards the poster. You must be working from a different script, but I don't think it's leading anywhere. -- mark Mark, you're obviously a man of great character... N The shear scale of knowledge here is humbling... (get it... Scale... It was a bit of a stretch... ) -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mliinc.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] Colour blindness simulator
Nick Gleitzman wrote: Google Colour blindness simulator and you get over 300 results. Can we look there, and not list them here one at a time? Indeed. Also, I am slightly red/greeen color blind, so if anyone wants a real person look at your site, i'd be happy to check it out. ** 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] Through PDA
Yesterday I have connected PDA to the Internet and have looked as sites under web-standards are well looked. http://whale-zx.livejournal.com/8498.html Not so well... -- Kit http://www.zamyteam.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] Through PDA
Leskinen N. Yesterday I have connected PDA to the Internet and have looked as sites under web-standards are well looked. http://whale-zx.livejournal.com/8498.html Not so well... So...the mobile version of IE tries half-heartedly to apply some screen CSS and fails? Quelle surprise! (and no, I was not directly involved in the development/styling of the WaSP site myself) Patrick Patrick H. Lauke Web Editor / University of Salford http://www.salford.ac.uk Web Standards Project (WaSP) Accessibility Task Force http://webstandards.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] Colour blindness simulator
Hi, I'd like to take you up on your offer, and the same goes to any other members who may have a visual impairment. I'm looking for some volunteers to pilot my questionnaire available at www.roboneill.co.uk/research.htmwhose eventual audience will be the visually impaired. I'm looking for feedback to include personal opinions about: 1. the wording of questions 2.the ordering of questions 3. the suitability of questions 4. if instructions are adequate. If it is more appropriate to continue this off list, please email your comments to me at [EMAIL PROTECTED] Thanks. [EMAIL PROTECTED] 06/06/2006 14:43:27 Nick Gleitzman wrote: Google "Colour blindness simulator" and you get over 300 results. Can we look there, and not list them here one at a time? Indeed.Also, I am slightly red/greeen color blind, so if anyone wants a real person look at your site, i'd be happy to check it out.**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** *** IMPORTANT NOTICE *** *** NHSBSA DISCLAIMER *** This e-mail and any attachments transmitted with it, including replies and forwarded copies subsequently transmitted (which may contain alterations), contains information which may be confidential and which may also be privileged. The content of this e-mail is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s), or the person authorised as responsible for delivery to the intended recipient(s), please note that any form of distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this e-mail in error please notify the Help Desk at the NHS Business Services Authority, Prescription Pricing Division via e-mail to [EMAIL PROTECTED] including a copy of this message. Please then delete this e-mail and destroy any copies of it. Further, we make every effort to keep our network free from viruses. However, you do need to validate this e-mail and any attachments to it for viruses, as we can take no responsibility for any computer virus that might be transferred by way of this e-mail. This e-mail is from the NHS Business Services Authority whose principal office is at Bridge House, 152 Pilgrim Street, Newcastle-upon-Tyne, NE1 6SN. Switchboard Telephone Number :- +44 (0)191 232 5371 **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] Through PDA
To any WSG members who could use some Web standards-compliant Web sites can and do work successfully: Don't be discouraged with what you may have so far encountered, namely, rather poor representations of Web site pages, particularly on small screen rendering devices such as Portable Digital Assistants and SmartPhones. No doubt that the design and implementation challenge is ever-present, but do keep in mind that to achieve noteworthy improvements in anything worthwhile it takes time for Web site designers to put forth the effort to learn about and to address both accessibility and usability issues. With that said, I'd like to suggest that you visit Sonoff Consulting Services, Inc.'s (Scsi's) Productivity and Knowledge Transfer (PKT) Web site at http://sonoffconsulting.com/ and (as an earlier e-mail that I submitted to the WSG suggested) put it through the wringer to confirm that it is a first-pass solution to Ubiquitous Web Access that is intended to serve as a working model for a World Class Level Web site. As for making it easy to perform validation testing of the entire site's Web pages, Scsi provides three hyperlinks on every page that readily allow for validation testing for full conformance to the W3C's XHTML 1.0 Strict, screen medium cascading style sheet (CSS), and WCAG Accessibility (Priorities 1, 2, and 3, inclusive) recommendations. How easy is it to do? Well, three of the 36 pre-defined access keys associated with the sonoffconsulting.com domain will launch the respective tests. For the example of a Microsoft Operating System and Internet Explorer Web browser, in combination with the 'Alt' key, you would make use of the 'left bracket' key, the 'equal sign' key, and the 'right bracket' key to launch these tests for any Web page you are currently viewing. Keep up your spirits and put forth the effort, and you will succeed. Good luck and have fun while learning-by-doing. Raymond Sonoff, President Sonoff Consulting Services, Inc. 72 Fitch Avenue Darien, CT 06820-5340 Tel.: 203.656.1518 Gen'l e-mail: [EMAIL PROTECTED] Corp. e-mail [EMAIL PROTECTED] Web site URL: http://sonoffconsulting.com/ -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Leskinen N. Sent: Tuesday, June 06, 2006 9:57 AM To: wsg@webstandardsgroup.org Subject: [WSG] Through PDA Yesterday I have connected PDA to the Internet and have looked as sites under web-standards are well looked. http://whale-zx.livejournal.com/8498.html Not so well... -- Kit http://www.zamyteam.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 ** ** 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] Colour blindness simulator
Robert O'Neill wrote: Hi, I'd like to take you up on your offer, and the same goes to any other members who may have a visual impairment. Hi Rob, The large text toggle has some issues Some border and height elements are set in fixed pixel height, so when the text is expanded, it overlaps the boxes. Other than that, I can see everything fine, even without going to the high contrast mode (In fact, I found that much more difficult to read than the normal version) I'm looking for some volunteers to pilot my questionnaire available at www.roboneill.co.uk/research.htm http://www.roboneill.co.uk/research.htm whose eventual audience will be the visually impaired. I'm looking for feedback to include personal opinions about: 1. the wording of questions 2. the ordering of questions 3. the suitability of questions 4. if instructions are adequate. I know next to nothing about any of that, so I don't think I'm much use there. It flows well, but I couldn't tell you if it was true or not. :D ** 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] Colour blindness simulator
Robert O'Neill wrote: Hi, I'd like to take you up on your offer, and the same goes to any other members who may have a visual impairment. On second look (I didn't get this far before I sent the last message) http://www.roboneill.co.uk/first_questionnaire.htm The dark red on pink and yellow is VERY hard to read. ** 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] Through PDA
To any WSG members who could use some encouragement by way of examples of Web standards-compliant Web sites that can and do work successfully on PDAs, SmartPhones, etc.: Don't be discouraged with what you may have so far encountered, namely, rather poor representations of Web site pages, particularly on small screen rendering devices such as Portable Digital Assistants and SmartPhones. No doubt that the design and implementation challenge is ever-present, but do keep in mind that to achieve noteworthy improvements in anything worthwhile it takes time for Web site designers to put forth the effort to learn about and to address both accessibility and usability issues. With that said, I'd like to suggest that you visit Sonoff Consulting Services, Inc.'s (Scsi's) Productivity and Knowledge Transfer (PKT) Web site at http://sonoffconsulting.com/ and (as an earlier e-mail that I submitted to the WSG suggested) put it through the wringer to confirm that it is a first-pass solution to Ubiquitous Web Access that is intended to serve as a working model for a World Class Level Web site. As for making it easy to perform validation testing of the entire site's Web pages, Scsi provides three hyperlinks on every page that readily allow for validation testing for full conformance to the W3C's XHTML 1.0 Strict, screen medium cascading style sheet (CSS), and WCAG Accessibility (Priorities 1, 2, and 3, inclusive) recommendations. How easy is it to do? Well, three of the 36 pre-defined access keys associated with the sonoffconsulting.com domain will launch the respective tests. For the example of a Microsoft Operating System and Internet Explorer Web browser, in combination with the 'Alt' key, you would make use of the 'left bracket' key, the 'equal sign' key, and the 'right bracket' key to launch these tests for any Web page you are currently viewing. Keep up your spirits and put forth the effort, and you will succeed. Good luck and have fun while learning-by-doing. Raymond Sonoff, President Sonoff Consulting Services, Inc. 72 Fitch Avenue Darien, CT 06820-5340 Tel.: 203.656.1518 Gen'l e-mail: [EMAIL PROTECTED] Corp. e-mail [EMAIL PROTECTED] Web site URL: http://sonoffconsulting.com/ -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Leskinen N. Sent: Tuesday, June 06, 2006 9:57 AM To: wsg@webstandardsgroup.org Subject: [WSG] Through PDA Yesterday I have connected PDA to the Internet and have looked as sites under web-standards are well looked. http://whale-zx.livejournal.com/8498.html Not so well... -- Kit http://www.zamyteam.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 ** ** 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] Through PDA
Mobile appliances are notoriously difficult to program for. Cell phone and
PDA manufacturers are still stuck in the Wild West days of browser wars. You
just have to do the best you can and hope the majority of people can view
your stuff.
I'm not on the Yahoo! mobile project, but from what I understand they are
using XSL to create customized presentations for each of the major mobile
applications. This is a huge undertaking that the average developer simply
cannot afford.
I'm used the handheld media to create a simplified style sheet. I'm hardly
an expert at it, but have gotten moderate success. Take your print style
sheet, add a rule that cancels float on everything
(* {float:none!important}) and start tweaking with what you want to show and
hide. This is just a very, very rough draft for a mobile style sheet. It's
not perfect, but it will make your sites more readable in an appliance that
recognizes the handheld media.
That said... The opera browser for mobile appliances is really quite nice
and can re-render your normal site fairly well. It might be better to hide
the crippled handheld css file from this browser.
Ted
www.tdrake.net
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Leskinen N.
Sent: Tuesday, June 06, 2006 9:57 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Through PDA
Yesterday I have connected PDA to the Internet and have looked as sites
under web-standards are well looked.
http://whale-zx.livejournal.com/8498.html
Not so well...
--
Kit
http://www.zamyteam.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
**
**
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] Colour blindness simulator
www.roboneill.co.uk/research.htm http://www.roboneill.co.uk/research.htm 1. the wording of questions 2. the ordering of questions 3. the suitability of questions 4. if instructions are adequate. Give all the options e.g. Firefox etc., if it needs to be for the general user. Spell it all out as seen on the tin, never mind the ingredients. -- Sylvia Recycle your junk - give it away on: http://www.freecyclers.org.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 **
[WSG] XHTML Strict
Hi,I normally use a name="section1" to identify a particular section for linking within the same document. However, XHTML Strict won't allow the attribute "name". Is there another way to do this?Thanks, Minh __Do You Yahoo!?Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] XHTML Strict
Use IDs a id=section1 Minh D. Tran wrote: Hi, I normally use a name=section1 to identify a particular section for linking within the same document. However, XHTML Strict won't allow the attribute name. Is there another way to do this? Thanks, Minh __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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 ** ** 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] XHTML Strict
Minh D. Tran wrote: Hi, I normally use a name=section1 to identify a particular section for linking within the same document. However, XHTML Strict won't allow the attribute name. Is there another way to do this? a id=section1/a or the better method, h1 id=section1This is a header/a A a href=#section1link like this/a will still scroll to the book mark. ** 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] XHTML Strict
oh duh! why didn't i think of that. Thanks!Mark Sheppard [EMAIL PROTECTED] wrote: Use IDs Minh D. Tran wrote: Hi, I normally use to identify a particular section for linking within the same document. However, XHTML Strict won't allow the attribute "name". Is there another way to do this? Thanks, Minh __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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 ** **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** __Do You Yahoo!?Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] XHTML Strict
Minh D. Tran wrote: oh duh! why didn't i think of that. Thanks! Actually, I believe you should use both (id *and* name). Also, you should make sure your jump links work with keyboard navigation: http://juicystudio.com/article/ie-keyboard-navigation.php --- Regards, Thierry | 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] XHTML Strict
Thierry Koblentz wrote: Minh D. Tran wrote: oh duh! why didn't i think of that. Thanks! Actually, I believe you should use both (id *and* name). Not in XHTML 1.1, where name doesn't exist. And it's deprecated in XHTML 1.0, so you shouldn't use it there either. -- We have become so accustomed to our illusions that we mistake them for reality. We demand them. And we demand that there always be more of them, bigger and better and more vivid. -- Daniel Boorstin, The Image. ** 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] XHTML Strict
In XHTML 1.1, name doesn't validate but id does. So we should just do away with name altogether."Rev. Kalle Räisänen" [EMAIL PROTECTED] wrote: Thierry Koblentz wrote: Minh D. Tran wrote: oh duh! why didn't i think of that. Thanks! Actually, I believe you should use both (id *and* name).Not in XHTML 1.1, where name doesn't exist. And it's deprecated in XHTML 1.0, so you shouldn't use it there either.-- We have become so accustomed to our illusions that we mistake themfor reality. We demand them. And we demand that there always be more ofthem, bigger and better and more vivid.-- Daniel Boorstin, The Image.**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** __Do You Yahoo!?Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] XHTML Strict
Rev. Kalle Räisänen wrote: Thierry Koblentz wrote: Minh D. Tran wrote: oh duh! why didn't i think of that. Thanks! Actually, I believe you should use both (id *and* name). Not in XHTML 1.1, where name doesn't exist. And it's deprecated in XHTML 1.0, so you shouldn't use it there either. I know the validator would complain about the name attribute in applet, form, img elements etc. but as far as I know there is no issue with A elements. I use name all the time with my jump links because I consider this best practice as it offers better browser compatibility and richer anchor names. And my pages *validate* XHTML 1.0 Strict. --- Regards, Thierry | 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] XHTML Strict
From: Brian Cummiskey or the better method, h1 id=section1This is a header/a Surely that can't be right? Something that opens as a h must surely close as a h. -- Peter Williams ** 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] CSS navigation pushing contents of next div over in IE6
hm. OK, so I've given my content div a margin-left: 160px; (10 more than the width of the leftNav div) but although it stops the problem it moves that whole div to the right 10px and obviously that's not what i want. I take it there's something I'm not quite getting with this, any more nudges in the 'right' direction...?
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
I was given another 'hack' (detailed bottom) which worked fine and as you can see only has two extra attributes.
#leftNav {float:left;width:150px;}
* html #leftNav { margin-right: 10px; }
* html #content { height: 1%; margin-left: 0; }
#content {background-color:#fff;margin-left: 160px;padding: 5px 5px 5px 10px;}
thehack belowworks..!!
#content {background-color:#fff;margin-left: 150px;padding: 5px 5px 5px 10px;/margin-left: 0px;/float: right; }
**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] XHTML Strict
Rev. Kalle Räisänen wrote: Yes, the name attribute is deprecated in XHTML 1.0, not removed. It is, however, removed in XHTML 1.1. Deprecation is enough to make me avoid something. I'll give you a point on better backwards (though not forwards) compatibility, but why would name attributes offer richer anchor names? What does name give you that id doesn't? For example one can use: a name=1st_Section/a but not: a id=1st_Section/a --- Regards, Thierry | 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] Haley White Space Nav
Ryan Moore wrote Address: http://www.rockitdevelopment.com/haley/ If you notice at the bottom of my mock up banner, helping hand you'll notice a white space that has been added to the bottom of its div. the div is the div id=banner. For future reference, Firefox displays images vertical aligned to the baseline, IE to the bottom. Adding vertical-align: bottom; to your image elements will keep everything looking the same and remove unwanted spaces below images. Regards Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.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] XHTML Strict
Thierry Koblentz wrote: Rev. Kalle Räisänen wrote: I'll give you a point on better backwards (though not forwards) compatibility, but why would name attributes offer richer anchor names? What does name give you that id doesn't? For example one can use: a name=1st_Section/a but not: a id=1st_Section/a Yes, you can. id is a perfectly valid attribute for a (id is a standard attribute that, AFAIK, can be applied to any tag). Doesn't make much sense when used as you do there (as someone said up-thread: use hN id=1st_Section.../hN instead), but there's nothing in the standard(s) to stop you. // Kalle Räisänen. -- We have become so accustomed to our illusions that we mistake them for reality. We demand them. And we demand that there always be more of them, bigger and better and more vivid. -- Daniel Boorstin, The Image. ** 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] CSS navigation pushing contents of next div over in IE6
It looks like youve got things
backwards on it, your overriding the * html #content hack with the rule
underneath it.
Move the #content up above the * html
hacks so it is directly below the #leftnav rule, that way IE will read the
hacks and overrule the original #content margins etc.
-Original
Message-
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam Butler
Sent: Wednesday,
7 June 2006 8:47
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS navigation
pushing contents of next div over in IE6
hm. OK, so I've given my
content div a margin-left: 160px; (10 more than the width of the leftNav div)
but although it stops the problem it moves that whole div to the right 10px and
obviously that's not what i want. I take it there's something I'm not quite
getting with this, any more nudges in the 'right' direction...?
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
I was given another 'hack'
(detailed bottom) which worked fine and as you can see only has two extra
attributes.
#leftNav {
float:left;
width:150px;
}
* html #leftNav {
margin-right: 10px;
}
* html #content {
height: 1%;
margin-left: 0;
}
#content {
background-color:#fff;
margin-left: 160px;
padding: 5px 5px 5px 10px;
}
thehack
belowworks..!!
#content {
background-color:#fff;
margin-left: 150px;
padding: 5px 5px 5px 10px;
/margin-left: 0px;
/float: right;
}
**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] XHTML Strict
Rev. Kalle Räisänen wrote: Thierry Koblentz wrote: Rev. Kalle Räisänen wrote: I'll give you a point on better backwards (though not forwards) compatibility, but why would name attributes offer richer anchor names? What does name give you that id doesn't? For example one can use: a name=1st_Section/a but not: a id=1st_Section/a Yes, you can. id is a perfectly valid attribute for a (id is a standard attribute that, AFAIK, can be applied to any tag). Doesn't make much sense when used as you do there (as someone said up-thread: use hN id=1st_Section.../hN instead), but there's nothing in the standard(s) to stop you. Of course I know id is valid. Remember, it's me who suggested up in this thread to use both in a named anchor ;) The issue is not about the attributes but their value; and in the example I wrote, the validator would choke on the ID's *value*. Because 1st_Section is a valid value for the name attribute but it is *not* for the id attribute. So to use your example: hN id=1st_Section.../hN would not validate and would not be backward compatible. --- Regards, Thierry | 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] Haley White Space Nav
Set the image to display : block; to fix this. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Scott Swabey Sent: Wednesday, 7 June 2006 9:34 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Haley White Space Nav Ryan Moore wrote Address: http://www.rockitdevelopment.com/haley/ If you notice at the bottom of my mock up banner, helping hand you'll notice a white space that has been added to the bottom of its div. the div is the div id=banner. For future reference, Firefox displays images vertical aligned to the baseline, IE to the bottom. Adding vertical-align: bottom; to your image elements will keep everything looking the same and remove unwanted spaces below images. Regards Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.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 ** ** 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] Haley White Space Nav
Also, your company homepage has a doc title of Untitled Document -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Scott Swabey Sent: Wednesday, 7 June 2006 9:34 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Haley White Space Nav Ryan Moore wrote Address: http://www.rockitdevelopment.com/haley/ If you notice at the bottom of my mock up banner, helping hand you'll notice a white space that has been added to the bottom of its div. the div is the div id=banner. For future reference, Firefox displays images vertical aligned to the baseline, IE to the bottom. Adding vertical-align: bottom; to your image elements will keep everything looking the same and remove unwanted spaces below images. Regards Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.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 ** ** 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] CSS navigation pushing contents of next div over in IE6
thanks for that. I'm really getting more confused as I've played around and now although it 'works' it looks nothing like the 'original' hack. I've had to put a -3px margin to the floated div to pull the content div back over to the leftNav div, whereas the hack said to set this to margin-right: 0; . Also what about the two commented lines on the #content selector, that works no drama but does anyone have any thoughts on it's origins etc
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {float:left;width:150px;}
#content {background-color:#fff;margin-left: 150px; /*it made no difference setting this attribute to 160px or 150px!padding: 5px 5px 5px 10px;/*margin-left: 0px;/float: right; */}
/*Hide from IE5-mac. Only IE-win sees this. \*/
* html #leftNav { margin-right:-3px; /*this pulled my content div back over to the 'edge' of the leftNav div } * html #content { height: 1%; margin-left: 0; }/* End hide from IE5/mac */
[EMAIL PROTECTED] 7/06/2006 9:32 am
It looks like you've got things backwards on it, your overriding the * html #content hack with the rule underneath it.
Move the #content up above the * html hacks so it is directly below the #leftnav rule, that way IE will read the hacks and overrule the original #content margins etc.
-Original Message-From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam ButlerSent: Wednesday, 7 June 2006 8:47 AMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] CSS navigation pushing contents of next div over in IE6
hm. OK, so I've given my content div a margin-left: 160px; (10 more than the width of the leftNav div) but although it stops the problem it moves that whole div to the right 10px and obviously that's not what i want. I take it there's something I'm not quite getting with this, any more nudges in the 'right' direction...?
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
I was given another 'hack' (detailed bottom) which worked fine and as you can see only has two extra attributes.
#leftNav {float:left;width:150px;}
* html #leftNav { margin-right: 10px; }
* html #content { height: 1%; margin-left: 0; }
#content {background-color:#fff;margin-left: 160px;padding: 5px 5px 5px 10px;}
thehack belowworks..!!
#content {background-color:#fff;margin-left: 150px;padding: 5px 5px 5px 10px;/margin-left: 0px;/float: right; }
__ScanningofthismessageandadditionofthisfooterisperformedbySurfControlE-mailFiltersoftware.**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor 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] XHTML Strict
Peter Williams wrote: From: Brian Cummiskey or the better method, h1 id=section1This is a header/a Surely that can't be right? Something that opens as a h must surely close as a h. I'm sure Brian meant: h1 id=section1This is a header/h1 Kat ** 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] Caret problem with HTML/CSS/Javascript menus
Prefix: Does anyone have an elegant solution for this input caret problem? I have a basic CSS dropdown menu (nested UL's). Works a treat, I've built a heap of them. However, when I have the menus go over the TOP of an input text field that has focus, the caret displays through the menu. I have tried this with the brothercake UDM4 menu and it has the same problem. I even tried putting a z-index'd iframe over the offending input text field... and the caret STILL shows thru the iframe tho the input itself is obscured. So, what I've currently done is write some javascript that will capture the current focus'd element, blur it when the menu is active, then unblur when the menu is inactive. This works great (and it should after the page of event bubble handling code). The only problem is if the menu is activated while an input has focus that is BELOW the page scroll. Setting focus will scroll the page, which makes the menu hard to use (ie, mouseover/mouseout and it scrolls off the screen). Does anyone have an elegant solution for this input caret problem? Rgds Ned ** 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] Caret problem with HTML/CSS/Javascript menus
HiAny chance of an exampleThanksOn 6/7/06, Ned Collyer [EMAIL PROTECTED] wrote: Prefix: Does anyone have an elegant solution for this input caret problem?I have a basic CSS dropdown menu (nested UL's).Works a treat, I've built a heap of them.However, when I have the menus go over the TOP of an input text fieldthat has focus, the caret displays through the menu.I have tried this with the brothercake UDM4 menu and it has the same problem. I even tried putting a z-index'd iframe over the offending input textfield... and the caret STILL shows thru the iframe tho the inputitself is obscured.So, what I've currently done is write some _javascript_ that will capture the current focus'd element, blur it when the menu is active,then unblur when the menu is inactive.This works great (and it should after the page of event bubble handling code).The only problem is if the menu is activated while an input has focus that is BELOW the page scroll.Setting focus will scroll the page,which makes the menu hard to use (ie, mouseover/mouseout and itscrolls off the screen).Does anyone have an elegant solution for this input caret problem? RgdsNed**The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help** -- GermWorkshttp://www.germworks.nethttp://germworks.blogspot.com/http://www.germworks.net/Phantom **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] Caret problem with HTML/CSS/Javascript menus
unfortunately, you wont be able to fix this problem in IE. In IE, select elements are drawn using the native window library widgets and are thus sitting on top of the html page layer. Therefore, no html element can go above these decorations. Take a look at this example that actually hides a dropdown with _javascript_... http://www.mojavelinux.com/cooker/demos/domMenu/example2.html On 6/6/06, Ned Collyer [EMAIL PROTECTED] wrote: Prefix: Does anyone have an elegant solution for this input caret problem?I have a basic CSS dropdown menu (nested UL's).Works a treat, I've built a heap of them.However, when I have the menus go over the TOP of an input text fieldthat has focus, the caret displays through the menu.I have tried this with the brothercake UDM4 menu and it has the same problem. I even tried putting a z-index'd iframe over the offending input textfield... and the caret STILL shows thru the iframe tho the inputitself is obscured.So, what I've currently done is write some _javascript_ that will capture the current focus'd element, blur it when the menu is active,then unblur when the menu is inactive.This works great (and it should after the page of event bubble handling code).The only problem is if the menu is activated while an input has focus that is BELOW the page scroll.Setting focus will scroll the page,which makes the menu hard to use (ie, mouseover/mouseout and itscrolls off the screen).Does anyone have an elegant solution for this input caret problem? RgdsNed**The discussion list forhttp://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** -- Warren Cardinallucid crew512.853.9693 | 901.458.5236 **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] Caret problem with HTML/CSS/Javascript menus
URL? I've only seen the select form element showing through dropdowns, and the iframe shim you've described below is the solution for that. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Ned Collyer Sent: Wednesday, 7 June 2006 11:01 AM To: wsg@webstandardsgroup.org Subject: [WSG] Caret problem with HTML/CSS/Javascript menus Prefix: Does anyone have an elegant solution for this input caret problem? I have a basic CSS dropdown menu (nested UL's). Works a treat, I've built a heap of them. However, when I have the menus go over the TOP of an input text field that has focus, the caret displays through the menu. I have tried this with the brothercake UDM4 menu and it has the same problem. I even tried putting a z-index'd iframe over the offending input text field... and the caret STILL shows thru the iframe tho the input itself is obscured. So, what I've currently done is write some javascript that will capture the current focus'd element, blur it when the menu is active, then unblur when the menu is inactive. This works great (and it should after the page of event bubble handling code). The only problem is if the menu is activated while an input has focus that is BELOW the page scroll. Setting focus will scroll the page, which makes the menu hard to use (ie, mouseover/mouseout and it scrolls off the screen). Does anyone have an elegant solution for this input caret problem? Rgds Ned ** 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] CSS navigation pushing contents of next div over in IE6
Youve got a whole bunch of hacks in
there now, Id say theyre conflicting with each other. Strip it
out and replace with:
#floatbox {
float: left;
width: 150px;
}
#content {
background-color :
#fff;
margin-left :
150px;
padding : 5px 5px 5px
10px;
}
/* Hide from IE5-mac.
Only IE-win sees this. \*/
* html #floatbox {
margin-right:
10px;
}
* html #content {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac
*/
-Original
Message-
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam Butler
Sent: Wednesday, 7 June 2006 10:25
AM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] CSS navigation
pushing contents of next div over in IE6
thanks for that. I'm really getting
more confused as I've played around and now although it 'works' it looks
nothing like the 'original' hack. I've had to put a -3px margin to the floated
div to pull the content div back over to the leftNav div, whereas the hack said
to set this to margin-right: 0; . Also what about the two commented lines on
the #content selector, that works no drama but does anyone have any thoughts on
it's origins etc
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {
float:left;
width:150px;
}
#content {
background-color:#fff;
margin-left:
150px; /*it made no difference setting this attribute to 160px or 150px!
padding: 5px 5px 5px 10px;
/*margin-left: 0px;
/float: right; */
}
/*Hide from IE5-mac. Only IE-win
sees this. \*/
* html #leftNav {
margin-right:-3px;
/*this pulled my content div back over to the 'edge' of the leftNav div
}
* html #content {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac */
[EMAIL PROTECTED] 7/06/2006 9:32 am
It looks
like you've got things backwards on it, your overriding the * html #content
hack with the rule underneath it.
Move the
#content up above the * html hacks so it is directly below the #leftnav rule,
that way IE will read the hacks and overrule the original #content margins etc.
-Original
Message-
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam Butler
Sent: Wednesday, 7 June 2006 8:47
AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS navigation
pushing contents of next div over in IE6
hm. OK, so I've given my
content div a margin-left: 160px; (10 more than the width of the leftNav div)
but although it stops the problem it moves that whole div to the right 10px and
obviously that's not what i want. I take it there's something I'm not quite
getting with this, any more nudges in the 'right' direction...?
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
I was given another 'hack'
(detailed bottom) which worked fine and as you can see only has two extra
attributes.
#leftNav {
float:left;
width:150px;
}
* html #leftNav {
margin-right: 10px;
}
* html #content {
height: 1%;
margin-left: 0;
}
#content {
background-color:#fff;
margin-left: 160px;
padding: 5px 5px 5px 10px;
}
thehack
belowworks..!!
#content {
background-color:#fff;
margin-left: 150px;
padding: 5px 5px 5px 10px;
/margin-left: 0px;
/float: right;
}
__
Scanningofthismessageandadditionofthisfooterisperformed
bySurfControlE-mailFiltersoftware.
**
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] Haley White Space Nav
Ya, it's a work in progress. We're trying to have the new version up for the first of the week. Appreciate the assistance though. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson Sent: Tuesday, June 06, 2006 9:26 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Haley White Space Nav Also, your company homepage has a doc title of Untitled Document -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Scott Swabey Sent: Wednesday, 7 June 2006 9:34 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Haley White Space Nav Ryan Moore wrote Address: http://www.rockitdevelopment.com/haley/ If you notice at the bottom of my mock up banner, helping hand you'll notice a white space that has been added to the bottom of its div. the div is the div id=banner. For future reference, Firefox displays images vertical aligned to the baseline, IE to the bottom. Adding vertical-align: bottom; to your image elements will keep everything looking the same and remove unwanted spaces below images. Regards Scott Swabey Design Development Director - Lafinboy Productions www.lafinboy.com | www.thought-after.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 ** ** 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] CSS navigation pushing contents of next div over in IE6
yeah, i tried that earlier and it gives me a 3px gap between the leftNav (floated div) and the content (adjoining div), that's when I set the hack for the leftNav to:
* html #leftNav {margin-right: -3px }
which brings the #content back next to the floated #leftNav.
sam
[EMAIL PROTECTED] 7/06/2006 11:24 am
You've got a whole bunch of hacks in there now, I'd say they're conflicting with each other. Strip it out and replace with:
#floatbox {
float: left;
width: 150px;
}
#content {
background-color : #fff;
margin-left : 150px;
padding : 5px 5px 5px 10px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #floatbox {
margin-right: 10px;
}
* html #content {
height: 1%;
margin-left: 0;
}
/* End hide from IE5/mac */
-Original Message-From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam ButlerSent: Wednesday, 7 June 2006 10:25 AMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] CSS navigation pushing contents of next div over in IE6
thanks for that. I'm really getting more confused as I've played around and now although it 'works' it looks nothing like the 'original' hack. I've had to put a -3px margin to the floated div to pull the content div back over to the leftNav div, whereas the hack said to set this to margin-right: 0; . Also what about the two commented lines on the #content selector, that works no drama but does anyone have any thoughts on it's origins etc
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
#leftNav {float:left;width:150px;}
#content {background-color:#fff;margin-left: 150px; /*it made no difference setting this attribute to 160px or 150px!padding: 5px 5px 5px 10px;/*margin-left: 0px;/float: right; */}
/*Hide from IE5-mac. Only IE-win sees this. \*/
* html #leftNav { margin-right:-3px; /*this pulled my content div back over to the 'edge' of the leftNav div } * html #content { height: 1%; margin-left: 0; }/* End hide from IE5/mac */
[EMAIL PROTECTED] 7/06/2006 9:32 am
It looks like you've got things backwards on it, your overriding the * html #content hack with the rule underneath it.
Move the #content up above the * html hacks so it is directly below the #leftnav rule, that way IE will read the hacks and overrule the original #content margins etc.
-Original Message-From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of David Sam ButlerSent: Wednesday, 7 June 2006 8:47 AMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] CSS navigation pushing contents of next div over in IE6
hm. OK, so I've given my content div a margin-left: 160px; (10 more than the width of the leftNav div) but although it stops the problem it moves that whole div to the right 10px and obviously that's not what i want. I take it there's something I'm not quite getting with this, any more nudges in the 'right' direction...?
http://www.riverview.nsw.edu.au/_bib/kaz/about.html
I was given another 'hack' (detailed bottom) which worked fine and as you can see only has two extra attributes.
#leftNav {float:left;width:150px;}
* html #leftNav { margin-right: 10px; }
* html #content { height: 1%; margin-left: 0; }
#content {background-color:#fff;margin-left: 160px;padding: 5px 5px 5px 10px;}
thehack belowworks..!!
#content {background-color:#fff;margin-left: 150px;padding: 5px 5px 5px 10px;/margin-left: 0px;/float: right; }
__ScanningofthismessageandadditionofthisfooterisperformedbySurfControlE-mailFiltersoftware.
**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**
__ScanningofthismessageandadditionofthisfooterisperformedbySurfControlE-mailFiltersoftware.**The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor 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
Re: [WSG] Site Review for Webnauts Net
John S. Britsios wrote: [trim...we would appreciate to get pointers to Accessibility problems you might discover on our new web site http://www.webnauts.net/ John xp_sp2 ie, ff, moz, opera Although I am an accessibility novice, I find your site difficult to fault. It is easy to read at 1280, scales well with font-zoom(even in IE). And performs without problems in IE 'accessibility mode' with all three boxes checked at text-size 'largest.' I had no difficulty whatsoever at minimum font-size 24px in FF(Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4); nor, did I see any problem in Opera/9.0b2 in various tests in 'users' mode. There did not seen to be any problem in any of my browsers with images disabled. I did /not/ understand why you only have a heading of h1 and h2. See outline of document here:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webnauts.net%2Fcharset=%28detect+automatically%29doctype=Inlineoutline=1 . There are 46 cross-browser screen shots here:http://www.browsercam.com/public.aspx?proj_id=258239 . Nice job. Best, ~davidLaakso PS Would you consider a little punch-- perhaps some color, here and there? ** 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] Caret problem with HTML/CSS/Javascript menus
Incorrect, you can place an iframe shim behind the popup layer to make it appear over the top the select element. Example here: http://developer.yahoo.com/yui/examples/container/panel.html -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Warren Cardinal Sent: Wednesday, 7 June 2006 11:20 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Caret problem with HTML/CSS/_javascript_ menus unfortunately, you wont be able to fix this problem in IE. In IE, select elements are drawn using the native window library widgets and are thus sitting on top of the html page layer. Therefore, no html element can go above these decorations. Take a look at this example that actually hides a dropdown with _javascript_... http://www.mojavelinux.com/cooker/demos/domMenu/example2.html On 6/6/06, Ned Collyer [EMAIL PROTECTED] wrote: Prefix: Does anyone have an elegant solution for this input caret problem? I have a basic CSS dropdown menu (nested UL's).Works a treat, I've built a heap of them. However, when I have the menus go over the TOP of an input text field that has focus, the caret displays through the menu. I have tried this with the brothercake UDM4 menu and it has the same problem. I even tried putting a z-index'd iframe over the offending input text field... and the caret STILL shows thru the iframe tho the input itself is obscured. So, what I've currently done is write some _javascript_ that will capture the current focus'd element, blur it when the menu is active, then unblur when the menu is inactive. This works great (and it should after the page of event bubble handling code). The only problem is if the menu is activated while an input has focus that is BELOW the page scroll.Setting focus will scroll the page, which makes the menu hard to use (ie, mouseover/mouseout and it scrolls off the screen). Does anyone have an elegant solution for this input caret problem? Rgds Ned ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Warren Cardinal lucid crew 512.853.9693 | 901.458.5236 ** 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**
[WSG] Out of Office AutoReply: digest for wsg@webstandardsgroup.org
Title: Out of Office AutoReply: digest for wsg@webstandardsgroup.org I'm out of the office until 9 June. If you have any urgent matter please contact Alistair Tegart via email on: [EMAIL PROTECTED] **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] Outline issue (headings)
Testing our site http://www.webnauts.net with the W3C validator here http://validator.w3.org/check?uri=http%3A%2F%2Fwww.webnauts.net%2Fcharset=%28detect+automatically%29doctype=Inlineoutline=1 I got the message: Outline Below is an outline for this document, automatically generated from the heading tags (|h1| through |h6|.) * Web Site Accessibility, SEO, Usability Testing Consulting o Accessibility Testing Consulting o SEO (Search Engine Optimization) o Usability Testing Consulting o Training Web Accessibility, SEO Usability * Sub Navigation o Training Academy o Resources o Newsletter o Memberships o Footer If this does not look like a real outline, it is likely that the heading tags are not being used properly. (Headings should reflect the logical structure of the document; they should not be used simply to add emphasis, or to change the font size.) --- Can someone tell me if we really did something wrong? Thanks, John -- John S. Britsios Web Architect Marketing Consultant Webnauts Net (Main Office) Koblenzer Str. 37A D-33613 Bielefeld Webnauts Net (U.S. Office) 5 Ivanhoe Drive Urbana IL 61802 Email: [EMAIL PROTECTED] Web address: http://www.webnauts.net ** 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] XHTML Strict
Peter Williams wrote: From: Thierry Koblentz For example one can use: a name=1st_Section/a but not: a id=1st_Section/a Then rhere's the issue that class/id names can't start with a numeric character, so you'd be wiser to use something like name=firstsection or id=firstsection. The whole point of this discussion is about using 1st_Section rather than firstsection. We all know that the latter is fine for both attributes. --- Regards, Thierry | 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] How to detect bottom of a page?
I do have a print stylesheet and this is what's in it:
.framework_url {
display: block;
font-weight: bold;
font-size: 150%;
bottom: auto;
position: static;
}
I've also got another stylesheet which has the following:
.framework_url {
display: none;
}
What's missing?
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson
Sent: Wednesday, June 07, 2006 1:31 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] How to detect bottom of a page?
Like I said in my original email serve those rules below only when you
print
the page, serve your original rules when the page is viewed on the
screen.
Google CSS Media to find out how to serve different CSS files based on
what device is being used to access the page.
S
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED]
On Behalf Of Bojana Lalic
Sent: Wednesday, 7 June 2006 1:29 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] How to detect bottom of a page?
The div is now appearing after the content in HTML and is appearing at
the end of the content on the last page but not appearing at the bottom.
This is the css:
display: block;
font-weight: bold;
font-size: 150%;
bottom: auto;
position: static;
How do I force the div to display at the bottom of the page, regardless
of how much content there is on the page?
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson
Sent: Tuesday, June 06, 2006 4:20 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] How to detect bottom of a page?
B,
Make sure the div that is appearing at the bottom of the page appears
after
your content in the HTML. Then in a print only style sheet format that
block
to be position : static;
This will cause the footer to be pushed down from the content on the
page
again. IE may still use the bottom CSS rule even though it should (due
to
the position : static;) if this is the cause then add bottom : auto; to
make
it behave.
- Samuel
Read my blog if you're coming to Melbourne :
http://www.seasonstravel.com.au
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED]
On Behalf Of Bojana Lalic
Sent: Tuesday, 6 June 2006 4:33 PM
To: Paul Novitski; wsg@webstandardsgroup.org
Subject: RE: [WSG] How to detect bottom of a page?
Hi all
This is the css I used to display the url at the bottom of the page:
display: block;
font-weight: bold;
font-size: 150%;
bottom: 45px;
position: absolute;
However, I've got a slight problem now. When printing out the article
that is three pages long (when printed out) the url appears on the first
page. How do I force it to display only on the last page?
Cheers
Bojana
-Original Message-
From: Paul Novitski [mailto:[EMAIL PROTECTED]
Sent: Thursday, April 20, 2006 6:46 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] How to detect bottom of a page?
At 06:57 PM 4/19/2006, Bojana Lalic wrote:
I am working on a print stylesheet. What I need to do is display a
url at the bottom of the last page.
I understand that this can be done with CSS3 float: bottom; but is
there another way of doing this?
I wonder if you can simply mark up the URL at the bottom of your HTML
page, then suppress it from screen display if desired.
Paul
Global Summit 2006: Technology Connected Futures -- 17-19 October,
Sydney,
Australia.
Visit our website http://www.educationau.edu.au/globalsummit2006 for
further
details.
_
IMPORTANT: This e-mail, including any attachments, may contain private
or
confidential information.
If you think you may not be the intended recipient, or if you have
received
this e-mail in error,
please contact the sender immediately and delete all copies of this
e-mail.
If you are not the intended
recipient, you must not reproduce any part of this e-mail or disclose
its
contents to any other party.
This email represents the views of the individual sender, which do not
necessarily reflect those of
education.au limited except where the sender expressly states otherwise.
It is your responsibility to scan this email and any files transmitted
with
it for viruses or any other
defects.
education.au limited will not be liable for any loss, damage or
consequence
caused directly or indirectly by this email.
**
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
Re: [WSG] Site Review for Webnauts Net
John S. Britsios wrote: While we strive to comply to WCAG 1.0 AAA and to the Communication Technologies Branch of the United States National Cancer Institute guidelines for accessible and usable web sites: Observing Users Who Work With Screen Readers, we would appreciate to get pointers to Accessibility problems you might discover on our new web site http://www.webnauts.net/ Any other problems, as operating systems browsers compatibility, markup, semantics, etc would be same highly appreciated. Please exclude reviews for our Blog or Forums. They are external software and not fully optimized yet. You've done a *very fine* job. If I had to find something I'd say: - form buttons would look better if they looked like buttons. - visited links could be styled differently. - the markup suffers of CLASSitis. --- Regards, Thierry | 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 **
