[WSG] Two CSS Problems
Hi all, Can anyone please help with the following problems (in WIN IE6 7): 1. How to get a link background image (used as an underline) to continue over two or more lines? Example http://geofeat.com/ - RHS Latest News links 2. Why the footer at the bottom of this page jumps when hovering over the *Manage Listing* link (just above the back to *TOP* link), and how to fix this? Example http://geofeat.com/directory/house_home/bed_bath_table/ sheets_pillow_cases/40613/ Many thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] pop-up - onblur question
Donna Jones wrote: hi everyone: i have some pop-ups that are part of a fairly old design and have been working on updating the code as i go. i've used onblur=window.close(); (in the body tag) to have the pop-up close after it loses focus, but Tidy says, onblur is proprietary and doesn't like it. is there something i can use instead? I'd suggest avoiding closing the window when it looses the focus altogether. Last time I encountered something like that I couldn't make use of the window at all - not everybody uses click-to-focus, and since focus-follows-mouse caused windows between the mouse pointer and the popup to gain the focus as the mouse travelled to the popup to gain the focus as it passed over them, it wasn't possible to get from the link to the window before it closed! -- David Dorward http://dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Two CSS Problems
In response to question 1 this is something that can't really be fixed in IE6/7 due to how they measure the bounding box of a link. The best description I could find for this is at http://www.satzansatz.de/cssd/wrappinglinkbg.html Ways I have got around this problem is buy using an image (which can also be marked up with alt text to aid accessibility ;) instead of a background; this may be a solution. Sorry for the bad news : (maybe someone has a better solution though...) Ross Bruniges (www.thecssdiv.co.uk) - Original Message From: Sarah Peeke (XERT) [EMAIL PROTECTED] To: WSG wsg@webstandardsgroup.org Sent: Wednesday, 28 March, 2007 7:57:58 AM Subject: [WSG] Two CSS Problems Hi all, Can anyone please help with the following problems (in WIN IE6 7): 1. How to get a link background image (used as an underline) to continue over two or more lines? Example http://geofeat.com/ - RHS Latest News links 2. Why the footer at the bottom of this page jumps when hovering over the *Manage Listing* link (just above the back to *TOP* link), and how to fix this? Example http://geofeat.com/directory/house_home/bed_bath_table/ sheets_pillow_cases/40613/ Many thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ___ Inbox full of unwanted email? Get leading protection and 1GB storage with All New Yahoo! Mail. http://uk.docs.yahoo.com/nowyoucan.html *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] pop-up - onblur question
i've used onblur=window.close(); (in the body tag) to have the pop-up close after it loses focus, but Tidy says, onblur is proprietary and doesn't like it. is there something i can use instead? I'd suggest avoiding closing the window when it looses the focus altogether. Last time I encountered something like that I couldn't make use of the window at all - not everybody uses click-to-focus, and since focus-follows-mouse caused windows between the mouse pointer and the popup to gain the focus as the mouse travelled to the popup to gain the focus as it passed over them, it wasn't possible to get from the link to the window before it closed! Hi David: thanks for your response. I don't think I have the same circumstances you describe but not sure, would you mind looking at this page: http://www.mainehumanities.org/programs/litandmed/synapse/sym-temp/feature_s07.html# its the bio link. I've pretty much decided to just take the onblur=window.close(); out altogether but it did seem to me a clean way of getting rid of an extra window, to just have it disappear and not to have to click on it to close it. But probably most people would automatically click and maybe most keyboard users would do an alt F4 to close it. It seems like most of the argument against using it, that i could find, was related to validating forms, and i'm not doing that. Just wish I understood more about it all. and i tried putting onFocus instead of onClick, to call the window, to see if I could duplicate what you were talking about and couldn't ... thanks again. Donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Trouble with H3 float
One more question please... When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured Advertisers* (third heading on page content) floats right. I have tried all sorts of css to fix this but end up with more problems (specifically to do with excess top/bottom margins in the heading etc). Any help greatly received :( -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Two CSS Problems
Hey Ross In response to question 1 this is something that can't really be fixed in IE6/7 due to how they measure the bounding box of a link. Thanks for your reply - I thought this may be the case - bummer! Oh well, the joys of IE! Thanks Sarah -- XERT Communications email: [EMAIL PROTECTED] mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
Sarah Peeke wrote: When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured Advertisers* (third heading on page content) floats right. There is a nice, easy fix to this Sarah. It looks like the problem you are having is that the 3 three divs above it are floated. When you float elements like this they behave a bit like (but not exactly like) inline elements. Content after them doesn't treat them like you would expect with block level elements, and will try and fit in to any gaps that are left after the floats are positioned. In this situation, at most resolutions the divs are all the same height, and so the next available gap for the h3 is below them. At the 800x600 resolution the middle div has a larger height due to the content, which leaves a small gap below the right hand div for the h3 to squeeze in to, which makes it look like it has been floated right. All you need to do is add a clear: left; rule to the style of the h3, or even better apply a self clearing float method (http://www.positioniseverything.net/easyclearing.html) to a container of the three divs. This means that you can put anything after the floats (and not just a specific h3) and it will appear below them. Ian. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
I haven't looked at the code of the site properly so forgive me if this
doesn't work...
You can apply the CSS property
{
clear: both
}
to the H3 heading.
Sarah Peeke (XERT) wrote:
One more question please...
When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured
Advertisers* (third heading on page content) floats right.
I have tried all sorts of css to fix this but end up with more problems
(specifically to do with excess top/bottom margins in the heading etc).
Any help greatly received :(
--
Christian Fagan
Fagan Design
fagandesign.com.au
[EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Trouble with H3 float
Hi Christian Ian,
I haven't looked at the code of the site properly so forgive me if
this doesn't work...
You can apply the CSS property
{
clear: both
}
to the H3 heading.
I have tried the clear: both; and clear: left; options.
But I get a margin problem which differs across browsers (IE versus FF).
Placing a margin: 0; doesn't appear to help.
Can you please enlighten me?
Thank you
Sarah
--
XERT Communications
email: [EMAIL PROTECTED]
mobile: 0438 017 416
http://www.xert.com.au/
web development : digital imaging : dvd production
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Trouble with H3 float
Sarah Peeke wrote: I have tried the clear: both; and clear: left; options. But I get a margin problem which differs across browsers (IE versus FF). Placing a margin: 0; doesn't appear to help. Hi Sarah, Your email doesn't say what the specific margin problem you are having is, but I am guessing it is the space between the three floated divs and the h3. It looks like the difference you are seeing is because Firefox and IE7 are not exactly the same when it comes to the heights of the floated divs at the reduced size. The distribution of the content is slightly different between the browsers. Therefore I would suggest that the different margins are being caused by the margin-bottom: 2em; rule on the floated divs, with class 'bl'. I've tried removing the bottom border with web developer toolbar in both Firefox and IE7 and it looks more consistent, but because in Firefox the left floated div is the longest and in IE7 the middle div is the longest (at least in my browsers) the perception of the space is distorted a bit. Although absolute consistency across browsers is something to be aspired to, sometimes you will have to accept minor differences. If pixel perfection of the spacing is critical to you in this case then I suggest conditional comments, or some other method of feeding different margin values to IE. Ian. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
Sarah Peeke (XERT) wrote:
One more question please...
When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured
Advertisers* (third heading on page content) floats right.
I have tried all sorts of css to fix this but end up with more problems
(specifically to do with excess top/bottom margins in the heading etc).
Any help greatly received :(
Well, I ain't so sure I get what you are trying to do, but anyway try:
h3.c1 { font-size: 150%; background-color: red; clear: left; }
h3 class=c1Featured Advertisers/h3
Best,
~dL
PS Nice site.
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] New Yorker Redesign
Does this site use some kind of image replacement/substitution technique for the headers? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
The problem is that in Firefox (and other similar browsers), when
elements are floated (in your case the div class=bl last), the
containing div has a height of 0. In IE, the height is always
adjusted to fit in the floated divs.
What you need to do is set the height of the divs so that, at least, you
can control the element underneath (the H3) and the heights will behave
the same in both browsers.
ie.
#containerForFloatedDivs
{
min-height: 15em; _height: 15em;
}
The min-height attribute works for most major browsers other than IE.
And the _height attribute is an IE specific hack that is not read by
proper browsers like Firefox, Mozilla, Opera, etc.
On a side point, you probably don't need so many different classes of
divs to display these elements. I suggest maybe the following layout:
div id=containerForFloatedDivs
div class=floatedDiv
content 1
/div
div class=floatedDiv
content 2
/div
div class=floatedDiv
content 3
/div
/div
Maybe there is some specific reason for having 4 nested divs to display
this content but you might want to consider this approach.
Hope this helps
Sarah Peeke (XERT) wrote:
Hi Christian Ian,
I haven't looked at the code of the site properly so forgive me if
this doesn't work...
You can apply the CSS property
{
clear: both
}
to the H3 heading.
I have tried the clear: both; and clear: left; options.
But I get a margin problem which differs across browsers (IE versus FF).
Placing a margin: 0; doesn't appear to help.
Can you please enlighten me?
Thank you
Sarah
--
Christian Fagan
Fagan Design
fagandesign.com.au
[EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] How to mark up a flowchart?
Nick Gleitzman wrote: I have to incorporate a couple of simple flowcharts into the content of a site I'm building, I'm scratching my head about the best way to mark up this info in a semantically meaningful way. A generic example can be seen here: http://www.omnivision.com.au/test/flowchart/ I don't think your example is a generic flowchart as flowcharts can include loops. It is, though, a simple flowchart. As far as markup goes, I think a dl would be best with the dts being the title of the step with an id, and the dds being the descriptions of the step. There would be two types of descriptions: link-less dds with a description of what's happening in that step and linked dds for branching. Flow control in HTML? I guess HTML is closer to being Turing-complete than we thought. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
u can solve the problem with different margins in IE and FF,
one of the solutions:
1. wrap those 3 floated divs(.bl) before h3 (additional wrapper div) let it
be class=suppa-wrapper
it would look like this
div class=suppa-wrapper
div class=bl
/div
/div
2. Set this CSS on it
.suppa-wrapper{
width:100%;
overflow:hidden;
}
And now u can remove clear:both for the h3
On 3/28/07, ~davidLaakso [EMAIL PROTECTED] wrote:
Sarah Peeke (XERT) wrote:
One more question please...
When I resize http://geofeat.com/ to 800x600 the H3 heading *Featured
Advertisers* (third heading on page content) floats right.
I have tried all sorts of css to fix this but end up with more problems
(specifically to do with excess top/bottom margins in the heading etc).
Any help greatly received :(
Well, I ain't so sure I get what you are trying to do, but anyway try:
h3.c1 { font-size: 150%; background-color: red; clear: left; }
h3 class=c1Featured Advertisers/h3
Best,
~dL
PS Nice site.
--
http://chelseacreekstudio.com/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Yuriy akella Artyukh,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] New Yorker Redesign
I believe siFr lists them as one of their users... It's a technique to replace headers by swf text using javascript. It's quite cool if used under certain strict conditions. http://www.mikeindustries.com/sifr/ Cheers, Angela -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] De la part de kevin mcmonagle Envoyé : mercredi 28 mars 2007 14:04 À : wsg@webstandardsgroup.org Objet : Re: [WSG] New Yorker Redesign Does this site use some kind of image replacement/substitution technique for the headers? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] pop-up - onblur question
Donna Jones wrote: Hi David: thanks for your response. I don't think I have the same circumstances you describe but not sure, would you mind looking at this page: http://www.mainehumanities.org/programs/litandmed/synapse/sym-temp/feature_s07.html# its the bio link. It is the same circumstances as I described previously, although my browser seems to have become smarter since I last ran across anyone doing something like that and doesn't automatically give the window a focus to lose when it opens now (of course, if I want to copy/paste data from it, then I'm going to run into trouble no matter what techniques I use to focus windows). Dealing with that tiny window is something of a annoyance though, especially at largish font sizes. Incidentally, * href=# - a link to the top of the page is a pretty poor fallback should the JavaScript not run for any reason. * onclick=javascript:something - javascript isn't a great name for a label, and there isn't any loop here to label (that syntax does not mean 'this event handler is written in JavaScript'). * The links in the site bar are the ultimate in mystery meat navigation. http://www.webpagesthatsuck.com/mysterymeatnavigation.html -- David Dorward http://dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] pop-up - onblur question
Hi David: thanks for your response. I don't think I have the same circumstances you describe but not sure, would you mind looking at this page: http://www.mainehumanities.org/programs/litandmed/synapse/sym-temp/feature_s07.html# Thanks again David: It is the same circumstances as I described previously, although my browser seems to have become smarter since I last ran across anyone doing something like that and doesn't automatically give the window a focus to lose when it opens now (of course, if I want to copy/paste data from it, then I'm going to run into trouble no matter what techniques I use to focus windows). not sure why there would be trouble copy/pasting data, i don't have any trouble selecting it. Dealing with that tiny window is something of a annoyance though, especially at largish font sizes. yes, i know. but i did just increase the font size at least once and it felt reasonable to me, not a lot of scrolling and, of course, its easy to scroll down with the arrow/cursor keys. * href=# - a link to the top of the page is a pretty poor fallback should the JavaScript not run for any reason. not sure what you're talking about here, i guess the link at the bottom, but it does work without javascript. * onclick=javascript:something - javascript isn't a great name for a label, and there isn't any loop here to label (that syntax does not mean 'this event handler is written in JavaScript'). i really don't understand this. i didn't write the javascript, i really know nothing about it other than to copy and implement. i would imagine the js i got for this (2 years ago) could be better, and i would hope i would get a better one if i was doing it now. i thought asking such a simple question about the onblur would show that i was pretty ignorant vis a vis js. i did buy Peter Paul Koch's new book recently, hoping to improve my js skills. And, it was helpful reading the theory but his examples were beyond my following. * The links in the site bar are the ultimate in mystery meat navigation. http://www.webpagesthatsuck.com/mysterymeatnavigation.html yes, i know! i didn't like them then, don't like them now. was powerless to override the designer and client! this is a small sub-piece of the main site. the main site is up for re-design and i'm digging in my heals to get a standards compliant, accessible and reasonable design - wish me luck! i still wish someone would tell me more why onblur to close the window is bad. I know that pop-ups are sorta frowned upon and that was why i put it in the subject line, to say right off that i had a nasty pop-up question but i'm disappointed to not get more response. cheers donna -- Donna Jones Portland, Maine 207 772 0266 www.westendwebs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Trouble with H3 float
Sarah Peeke (XERT) wrote:
When I resize http://geofeat.com/ to 800x600 the H3 heading
*Featured Advertisers* (third heading on page content) floats right.
If you don't want to run into more serious problems, the addition of...
h3 {clear: both; }
...is a must.
All differences that may occur after that addition, are caused by the
'Layout' bug in IE/win and should be dealt with in IE/win only. No need
to disturb good browsers because of IE's bugs.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] sIFR : Rich Accessible Typography
sIFR is meant to replace short passages of plain browser text with text rendered in the typeface of choice, regardless of whether or not your users have that font installed on their systems. Read more about how it works here: http://www.mikeindustries.com/sifr/ I ran the sIRF webpage http://www.mikeindustries.com/sifr/ through the following Screen Reader / Browser combinations and got the following results. Window Eyes Version 6.0: 1. In Internet Explorer 6 the sIFR heading was read successfully = PASS 2. In Firefox 1.5 the sIFR heading was NOT read successfully = FAIL Window Eyes Version 6.1 Beta 2: 1. In Internet Explorer 6 the sIFR heading was read successfully = PASS 2. In Firefox 1.5 the sIFR heading was NOT read successfully = FAIL 3. In Firefox 2 the sIFR heading was read successfully = PASS That's quite a good result. I would assume sIFR content would be read when using IE7 (given that sIFR is read when using IE6). Could someone please test sIFR in JAWS as I do not have it? Brad fatpublisher *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] namespace attribute and validation
Hi group a question about namespace attributes in html/xhtml. I'm looking at methods of conveying information to client side scripts in a neat manner within an HTML document and trying to be valid at the same time. My methods works but the validator complains about namespaced attributes. Method 1: Namespace attributes - works but doesn't validate here's a document snippet html xmlns=http://www.w3.org/1999/xhtml; xmlns:d=http://example.com/data; xml:lang=en lang=en !-- markup -- div class=countries div d:country=australia d:code=au d:capital=canberra.../div /div !-- more markup -- -- another example I found via google is available here (check the validator results) - http://www.1729.com/examples/htmlannotation/HtmlAnnotationUsingNamespaceAttributes.html Method 2: multiple class names This is a bit more long winded but validates... a snippet ... html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en div class=countries div class=country:australia code:au capital:canberra foo /div /div I'd really like to use Method 1 as it's the cleanest and doesn't involve unnecessary Javascript. The specs seem to allude to the fact that you can do this but the validator says no. Does anyone have some ideas about making it validate? Thanks James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] sIFR : Rich Accessible Typography
sIFR is meant to replace short passages of plain browser text with text rendered in the typeface of choice, regardless of whether or not your users have that font installed on their systems. Read more about how it works here: http://www.mikeindustries.com/sifr/ When I first saw this my initial reaction was I hope this is not another thing encouraging people to use images to display text (I personally dislike people doing that... I think text should be represented by text!) however reading further it seems that the replacement is done client-side by javascript, so in other words the text is still in the page... ...so its probably not so bad non-flash and non-graphical browsers might still be able to display the text. - it might even be a good thing if it can persuade some people out there who are using images to display text to use something like this instead. It might even pass my old favourite test - the lynx test! lynx was the first web browser I ever used back in 1994, (back then I had a 386 with 2MB RAM and a 2400bps dialup modem and could not run Mosaic or Netscape 1.1) - so I guess that set my baseline standard for many years ... if you can't use it with lynx, its no good! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] namespace attribute and validation
James Ellis wrote: a question about namespace attributes in html/xhtml. I'm looking at methods of conveying information to client side scripts in a neat manner within an HTML document and trying to be valid at the same time. My methods works but the validator complains about namespaced attributes. Method 1: Namespace attributes - works but doesn't validate html xmlns=http://www.w3.org/1999/xhtml; xmlns:d=http://example.com/data; xml:lang=en lang=en !-- markup -- div class=countries div d:country=australia d:code=au d:capital=canberra.../div /div What's the actual problem or use case you are trying to solve by introducing namespaced attributes? Your above description is rather vague. Have you considered that there may be an existing microformats based method to solve your problem? Note: I want to use namespaced attributes is neither a problem or a use case, it's a solution; but a solution to what exactly I am unsure. If you can provide more information about the use case or problem, then perhaps someone can offer a better alternative. Method 2: multiple class names a snippet ... div class=countries div class=country:australia code:au capital:canberra foo /div /div If you are intending to use this in HTML documents, then that kind of approach would be best. I'd really like to use Method 1 as it's the cleanest and doesn't involve unnecessary Javascript. The specs seem to allude to the fact that you can do this but the validator says no. Does anyone have some ideas about making it validate? That's a limitation of DTDs and DTD based validation. They are simply not expressive enough to describe namespaces properly. The only way you could work around the validation problem would be to write your own DTD, but that would be an exercise in futility. Given that you're using XHTML [1] and because browsers do not use DOCTYPE sniffing for XML content, you could just omit the DOCTYPE entirely and rely on better methods conformance checking and validaiton. [1] I'm assuming by the fact that you think you can use namespaces, you are actually serving your documents as XML, and not text/html. Namespaces cannot be used in documents served as text/html. If you do not understand this MIME type issue, namespaces are most certainly not the solution to your problem. -- Lachlan Hunt http://lachy.id.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] vertically aligning objects of unknown height
Hi guys, Is there any way to vertically align objects in CSS next to each other if the height of them is not set? This is what I am trying to achieve: http://www.prototype.net.au/boxes.html I want to create a box with an undefined amount of text inside of it and next to the box I want a checkbox. But the checkbox should be vertically centered. I tried putting them both into a container that has got display set to table-cell and then turn on vertical-align:middle, but this only works if I know the height of the container. And even then will the checkbox and the text box align in the middle of the container, but still be aligned next to each other. I wonder if anybody found a solution for this problem? Cheers, Andreas *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] pop-up - onblur question
Donna Jones wrote: It is the same circumstances as I described previously, although my browser seems to have become smarter since I last ran across anyone doing something like that and doesn't automatically give the window a focus to lose when it opens now (of course, if I want to copy/paste data from it, then I'm going to run into trouble no matter what techniques I use to focus windows). not sure why there would be trouble copy/pasting data, i don't have any trouble selecting it. Copy a bit. Paste it in another window. Go to copy another bit. Oh, its gone. Windows are not things that usually vanish because you give your attention to something else for a moment, so this behaviour contradicts user expectations. Dealing with that tiny window is something of a annoyance though, especially at largish font sizes. yes, i know. but i did just increase the font size at least once and it felt reasonable to me, not a lot of scrolling and, of course, its easy to scroll down with the arrow/cursor keys. Still a more scrolling then if it used the window the user provided rather then trying to make its own. * href=# - a link to the top of the page is a pretty poor fallback should the JavaScript not run for any reason. not sure what you're talking about here, i guess the link at the bottom, but it does work without javascript. No, the bio link itself, and it doesn't work without JavaScript. It just links to the top of the page. -- David Dorward http://dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
