RE: [WSG] is html done? [was semantics]
Designer wrote: Wouldn't it be nice if we could get browsers to interpret ^ (or something) as meaning 'div id=' (and something else for 'class='). Then we could have, xml style code, such as: ^pageborder ^content blah blah /content /pageborder MUCH more readable, and encouraging for semantic coding/markup? Well, isn't this just the same as using XML and XSLT? Why use html5 or xhtml2 when you can just write your own xml files, using whatever semantic structure you want, and just tranform it into html 4.01 in the browser? For example: ?xml version=1.0 encoding=utf-8? ?xml-stylesheet type=text/xsl href=document.xsl? document metadata.../metadata header title.../title logo/ menu.../menu /header content section h.../h p.../p ... /section section h.../h p.../p p.../p ... /section /content footer navigation/navigation copyright/copyright ... /footer /document cheers, Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] is html done? [was semantics]
Nick Fitzsimons wrote: On the other hand, browser support is fairly restricted and can be buggy, especially if you plan to use any DOM Scripting/Ajax type stuff. Well, yes, but it's a lot better than XHTML 2 support ;) For real-world usage, you're better off doing the transformation on the server. Yes, for now. But wouldn't it be easier for all us if the browsers just improved their handling of xml, instead of worrying about html5 and xhtml2? BTW, W3Schools has a basic introduction: http://w3schools.com/ cheers, Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Smallest valid html document (was validator.w3.org broken?)
Yes. But I'm not sure if it's semantically correct. -Original Message- Barney Carroll wrote: But is it accessible? == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Smallest valid html document (was validator.w3.org broken?)
Rimantas wrote: That's not minimal document. This one is: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN title./titlep. Strictly speaking, the p is optional - you only need a title and some content The shortest document I could get to validate is: !DOCTYPE HTML PUBLIC -//X//DTD X//Xtitle/titlex Though I have doubts about the doctype, and whether the document could truly claim to be html. The shortest page I think is valid is: !DOCTYPE HTML PUBLIC -//IETF//DTD HTML//ENtitle/title. Anyone? Cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Re: digest for wsg@webstandardsgroup.org
Thierry Koblentz wrote: Erwin Heiser wrote: !--[if gt IE 6] link rel=stylesheet href=ie7.css media=screen ![endif]-- !--[if lte IE 6] link rel=stylesheet href=ie6.css media=screen ![endif]-- Why not going with !--[if IE 7] rather than !--[if gt IE 6] That way you don't have to worry about IE 8 :) This is precisely the problem with conditional comments: You don't know in advance if any given bug will be fixed in IE8, so you can't know which conditional you will need. If you get it wrong, and the bug fix is still needed in IE8 (or is not needed in 7.5 !), then you will have to change all your CCs. It doesn't future-proof your code any more than a well chosen CSS hack will, and you will have many more pages to fix. Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] PNGs in CSS background images in IE6
One further thing I noticed. The URL of CSS behaviours (in IE) is
relative to the parent HTML page, not the CSS file.
e.g. http://abc.net.au/test/png/ has five files:
default.htm
styles/logo2.png
styles/screen.css
styles/background.jpg
styles/pngbehavior.htc
This doesn't work:
img {
background:url(background.jpg);
behavior:url(pngbehavior.htc);
}
But this does:
img {
background:url(background.jpg);
behavior:url(styles/pngbehavior.htc);
}
With the obvious consequences. Why did they do this?
Geoff.
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] PNGs in CSS background images in IE6
Has anyone had any success using AlphaImageLoader with PNGs in CSS background images in IE6? Any foreground links over the PNG are broken (not clickable), and the fixes I found through Google aren't doing the job. Any ideas? thanks, Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] positioning and rollovers
Teresa, I think the problem here is that your anchor tags are empty, and without display:block, there is nowhere to click, and so nowhere for the hover effect to take place. Note that there is also no page content - if you view the page with CSS turned off the page is completely empty. No headings, no images, no alt text. I suggest that you break up your large background images (the ones you've set as the list backgrounds) into an image for each link, and that you use a javascript rollover - The goal being that without CSS, you should still be able to see the artworks and click on the links. Alternatively, you could use an image in each link that has the text in it but is otherwise transparent, and retain the backgrounds with the artwork (and still use changing background position for the hover effect). Hope this make sense. Cheers, Geoff -Original Message- From: listdad@webstandardsgroup.org On Behalf Of Teresa Carroll Sent: Tuesday, 28 November 2006 13:19 To: wsg@webstandardsgroup.org Subject: [WSG] positioning and rollovers Hello, I have 2 questions regarding a Web site I am developing. I am using CSS to provide a rollover. I am creating the Web site on a Macintosh and using fire Fox as a current browser. I just realized that the Internet Explorer does not recognize the rollover technique for this particular site. I was wondering if someone knows why? http:// www.markgroaningstudio.com/ The second question has to do with the positioning of the text and pictures. I am currently using a percentage to line up the text and pictures. But several people have noticed that the text overlaps the photo. What is the best way to prevent that? http:// www.markgroaningstudio.com/paintings.html Thank you very much. I appreciate all the support and suggestions in advance., all the best, Teresa == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] two-headed babies look OK
Franky, I admire the attempts to subvert an obviously broken publishing system. Maybe you are fixing the wrong problem. In terms of web standards, what is to stop the developers simply pasting an iframe or an object tag into the table cell, and doing the same thing with perfectly valid code? Geoff -Original Message- From: listdad@webstandardsgroup.org On Behalf Of Meredith Kidby Sent: Wednesday, 22 November 2006 21:53 To: wsg@webstandardsgroup.org Subject: [WSG] two-headed babies look OK Hi Folks My University's website design is based on a table layout (no comments needed!). The publishing system only allows the addition of content in one area, which is actually a single table cell. Developers are expected to use the minimum of HTML, and preferably no JavaScript at all. It's pretty restrictive, and standard university web pages are fairly dull, as you might imagine. Normally I'd be sympathetic to developers who bent the system rules a bit (a few in-line styles etc).. But in the pages I'm bothered about, a whole (or nearly whole) HTML page has been dumped into the (user content area) table cell. Each page source is very lengthy, but you'll see what I mean - just search for a second head or html tag. http://www.rmit.edu.au/ad/arch .. http://www.rmit.edu.au/industrial http://www.rmit.edu.au/ad ...and so on (plenty more of these in that part of the website) It's been very difficult for me to make a case to change these pages, because they look fine (if you don't check the structure). In fact they look better than a lot of other pages on the university web site. Should these pages be changed.. or should *I* have my head examined? My main question is - why do browsers allow this kind of mess to work? Cheers, Meredith Kidby Teaching Learning Online Group Design Social Context Portfolio RMIT Univesity == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] The usability of a frame-style layout
I agree with your sentiments, but frames are not needed anymore - all
recent browsers will allow you to add the nav content via the object
tag. E.g.
object id=nav data=nav.html type=text/htmlFallback navigation
here.../object
Combine with 'position:fixed' ('position:absolute' for IE) on the nav
and you have exactly what you want.
Cheers,
Geoff
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Opera Mini and lists
David Storey wrote: ... It is also cheaper to surf on phones as all processing is done server side and a compressed binary is sent to the phone. Less data is sent to the phone and the phone doesn't have to do and there is no complex processing on the phone. Does this mean the problem can be fixed on the server without all the current users having to download a new version? Things like scrolling is also very fast. It'll also work on many sites not designed for the mobile web, due to the reformatting and being a full html browser instead of a walled garden wap browser... This has to be the first 'full' html browser that can't display lists properly. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Opera Mini and lists
David Storey wrote: On 15 Sep 2006, at 05:36, Geoff Pack wrote: Why does Opera mini not render lists properly? http://www.abc.net.au/parents/lists.htm Opera 9 in small screen view shows lists correctly, but opera mini doesn't indent or number/bullet the lists. (I only tested the simulator http://www.opera.com/products/mobile/operamini/demo.dml.) Without indenting, nested lists look like crap and are really confusing to understand. Any ideas? Opera Mobile supports our full rendering engine, but because of its size and limited hardware that it has to run on (some displays only have 100 pixels across), Opera Mini reformats a page to fit with-in these constraints. Styling with CSS is also limited because of this. There is a useful document at http://my.opera.com/community/dev/mini/ which talks about designing for Opera Mini. As Opera Mini matures and the base line phones get more powerful, I'm sure further features, such as bullets will be added. David Oh come on - are you saying Opera Mini can parse a stylesheet and but isn't powerful enough to indent a line of text and stick a bullet in front of it? Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] quick question
Ted Drake wrote: I'm working on a hack and need to know what the default colors are, when you remove all css. I completely forget. I need a, a;hover, a:visited, and a:active. Blue, none, purle, red - the exact shades vary between browsers Netscape 3: a: #EE hover: - visted: #551A8B active: #FF Firefox: a: #EE hover: - visted: #551A8B active: #EE IE 6: a: #FF hover: - visted: #800080 active: - == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Opera Mini and lists
Why does Opera mini not render lists properly? http://www.abc.net.au/parents/lists.htm Opera 9 in small screen view shows lists correctly, but opera mini doesn't indent or number/bullet the lists. (I only tested the simulator http://www.opera.com/products/mobile/operamini/demo.dml.) Without indenting, nested lists look like crap and are really confusing to understand. Any ideas? Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Opera 9 Bug
Just discovered using an escaped comment end hack in an inline style will break in Opera 9 unless it is followed by a semicolon or another style. E.g. p style=color:blue; /*\*/ color:red; /**/ /*\*//*/ color:green; /**/Some text.../p * Will be green for Mac IE 5 * Will be red for all other browsers (including Opera 7 and 8) * Opera 9 will be *black* - all styles are broken, not just the ones in the comments. Adding a closing semi-colon or another style before the closing quotes will fix it. Only seems to be an issue with inline styles. Moral: always use a closing semi-colon. Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG]
Nishak wrote:
scriptdocument.write(img src=\+imageName2+\ width=\475\
height=\137\);/script
The error is in the quotes. Try:
document.write('img src='+imageName2+' width=475 height=137');
(mixing single and double quotes is a bit easier to read)
cheers,
Geoff
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
**
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 blocked (Was: should ebay listing alike be tabular layout?)
It's just a bluff - keep srolling and you'll see everything there is to see. Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Support for IE5/Mac? (was Browser stats)
Sunny wrote:
I know how to prevent v.4 browsers from getting my styles, but how do
I stop IE5/Mac from getting them?? All I know how to do is to give
them
something different, not how to exclude them entirely.
see: http://centricle.com/ref/css/filters/
@import url('styles.css'); /* excludes NS4, Mac IE5 */
@import 'styles.css'; /* excludes NS4, IE4, Mac IE5 */
But my experience is that IE 5 Mac does not take much effort to make
work. The main problems seem to be with foats, which always looks worse
than they actually are. There really is no need to give it an unstyled
look or a separate stylesheet when adding a couple of filters will fix
things.
cheers,
Geoff.
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
**
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] Support for IE5/Mac? (was Browser stats)
SunUp wrote: It's the Mac problem. There's no way my department's budget will extend to purchasing an old Mac just for testing purposes, and even if that happened, I'd then have a fight on my hands with our IT department about network points and security issues. If I was in that situation, I would either: * refuse to support Macs and refer any compaints to the boss and the IT department. * find a friend or collegue with Mac and ask them for help * buy a cheap iMac and test at home or * ask this list for help (send us the URL!) Cheers, Geoff ** 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] Adding css files from JavaScript?
Janette Girod
This is the code I tested:
var new_ss = document.createElement('link');
new_ss.setAttribute('href','extra.css');
new_ss.setAttribute('rel','stylesheet');
document.getElementsByTagName('head')[0].appendChild(new_ss);
It works in Win/IE5+, FF 1.5, Opera 9, Netscape 7+,
Safari, Camino.
It doesn't work in Mac/IE.
Also works in Opera 7, 8, 8.5
and Netscape 6.2 (but not 6.0)
cheers,
Geoff.
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
**
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] Offtopic Multiple Image rollover
Michael Persson wrote:
If you read my messages you can see that im not talking about
background color, im
talking about background-images anyway there is no
funtion to swith that what so ever
so i will have to rebuild the pages anyway..
You can lead a horse to water...
Try this:
function changeBackgrounds(img1,img2) {
document.getElementById('div1').style.backgroundImage = 'url('+img1+')';
document.getElementById('div2').style.backgroundImage = 'url('+img2+')';
return false;
}
a href=# onclick=return
changeBackgrounds('red.gif','blue.gif');Change!/a
a href=# onclick=return
changeBackgrounds('blue.gif','red.gif');Change!/a
Some pretty rough working examples:
http://www.virtualgeoff.com/misc/backgroundImageChangeTest.html
http://www.virtualgeoff.com/misc/backgroundColorChangeTest.html
cheers,
Geoff.
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
**
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] Offtopic Multiple Image rollover
Michael Persson wrote:
I have a problem to solve a little problem, I have asked before
for a background swap function and the only one i have found is
what i am using. i am using an Iframe for this.
Now i also have another Image or DIV that need to appear on the
same rollover.
Hi Michael,
There's no need to use an iframe just to change a background color - you just
need a bit of javascript:
function changeBackgrounds(color1,color2) {
document.getElementById('div1').style.backgroundColor = color1;
document.getElementById('div2').style.backgroundColor = color2;
return false;
}
a href=# onclick=return changeBackgrounds('#f00','#00f');Change!/a
a href=# onclick=return changeBackgrounds('#00f','#f00');Change!/a
As far as i know i am not able to communicate outside an iframe
to the rest of the page...
Not the case. You can target links to, or call javascript functions in the
parent page or in other frames.
cheers,
Geoff
==
The information contained in this email and any attachment is confidential and
may contain legally privileged or copyright material. It is intended only for
the use of the addressee(s). If you are not the intended recipient of this
email, you are not permitted to disseminate, distribute or copy this email or
any attachments. If you have received this message in error, please notify the
sender immediately and delete this email from your system. The ABC does not
represent or warrant that this transmission is secure or virus free. Before
opening any attachment you should check for viruses. The ABC's liability is
limited to resupplying any email and attachments
==
**
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] Alphabetical Listing Buttons
Clearly neither of you are power shoppers. What you need is a table, with columns for rating importance, quantity, unit price, total price, shelf location and shelf-life. Then you need a script to sort your table on the fly by any category. By the way, if you add Flour you can make banana cake. Yum. Geoff. Joe wrote: We are on exactly the same page. My shopping list IS in fact ordered by what items spoil quickest (although I never thought about that until after I ordered them). At any rate my shopping list is WAY off subject. I just thought we could all use a laugh today. :) Jough Matt Heerema wrote: Any list could have an implied header if you think about it in the way of order. I could order my shopping list! :) 1. Bananas 2. Milk 3. Butter 4. Eggs You could, if your list was in order of importance, or alphabetical order, or in order that you pull them off of the shelves in order to optimize your trip through the store (which only us true geeks would take the time to worry about ;-)). It appears to me, however, that your list is in no particular order whatsoever, meaning you would use an unordered list. If that order has meaning to you, then perhaps an ordered list would be better. In either case, this is not tabular data. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Alphabetical Listing Buttons
And a form that allows you to add new items. Could use DOM scripting to insert the new items into the table - I think a database back-end is probably overkill... Joshua Street wrote: On 7/12/06, Geoff Pack [EMAIL PROTECTED] wrote: Clearly neither of you are power shoppers. What you need is a table, with columns for rating importance, quantity, unit price, total price, shelf location and shelf-life. Then you need a script to sort your table on the fly by any category. Add a handheld stylesheet for good measure. Josh == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Testing CSS: Map Pop
Mike at Green-Beast.com wrote: It's a CSS experiment. It's not a matter of just having to get something done. I wanted to challenge myself with trying to combine two CSS goodies. An independent solution without JS. That's great - it's a nice bit of code and it works well. I just thought you'd re-invented the image map because you didn't know about map wanted to avoid javascript. If you just want a hover and all your hot-spots are rectangular, then I css is fine I guess. Personally I find image maps and js easier and more flexible. I don't understand what you mean by popup as it differs from what I offer, but I think you may be misunderstanding the link part of this. ... By popups I just meant the content that shows on hover. I understand how the links work - I've done similar things myself, with image maps and with absolutely positioned images. What I don't really understand is the aversion to javascript (and the desire to make everything a list. :) cheers, Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Testing CSS: Map Pop
What is the problem with using an image map and javascript for this sort of thing? By using lists and hover states you've limited yourself to rectangular hotspots, and haven't really gained anything as far as I can see. You've also lost any ability to have links in the little pop-ups, because they disappear as soon as you try to mouse over to them. If you are concerned about users without javascript, one way to accommodate them is to simply have all the popups visible (and linked to from the map areas) by default, and to use js to hide them. Users with js get the full effect; users without get an imagemap with links to the popup content. cheers Geoff == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Mac and CSS
Ben Buchanan wrote: The way it renders things is so incompatible with modern browsers that basically you end up redoing your CSS entirely to get IE5.2 to work (using a hack to send IE5.2 a tailored stylesheet). So unless you're being paid by the hour, just don't... I wouldn't go that far. I find that most of the time I only need a few hacks, or I just live with minor rendering bugs. No need for separate CSS at all. cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Accessibility and Browsers (N4.x)
Katrina wrote: Is it recommended to continue to use work-arounds to ensure accessibility in older browsers? What work-arounds? Just filter your stylesheets to prevent older browsers seeing them, and you're done. I use a two step stylesheet to do this: html: link rel=stylesheet type=text/css media=screen title=Default href=screen.css screen.css: @import globalNav.css; @import main.css; etc... This makes it easy to split the css into modules, and to change which browsers are filtered without having to change any of the html. Change double to single quotes to exclude IE/Mac as well. cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Cleaner Markup
threerandot wagner wrote: I have a Benny Hill website and I am in the process of developing cleaner code. Dirty code is probably appropriate for a Benny Hill website. Sementically correct and all that... ;) == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Safari Javascript prob?
CK wrote: Safari does not like the JS pseudo protocol. What version are you using? It works in Safari 1.3 and 2.0 cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
