[WSG] Background image in li not showing in IE
I've got a small background icon that I've hooked to a few
li's. Displays as planned in FF, but doesn't display at all in
IE6.
Here's the HTML snippet:
ulli
class="signInOptions"Admin Area data includes Guestbook Entries, Read A
Chapter contacts, and Email
contacts./li/ul
Here's the CSS:
li.signInOptions {margin-left:
10px;padding: 5px 0 5px 20px;display: block;
font-size: 0.75em;
background: transparent url(../../admin/i/info.jpg) 0
5px no-repeat;}
If I remove display:block, the icons do show up in IE, but the
text in a few of these li's wrap to a second line and I want to preserve
left indent on both lines. Not only that, but even though they do show up in IE,
the padding isn't retained and two of the three bullets are cut in half. Only in
IE (of course).
Any ideas how I can fix this in IE?
Cole
Re: [WSG] Online screen viewer
tee wrote: http://www.apple.com/downloads/macosx/unix_open_source/lynx.html Works absolutely fine for me. Even cleared my cache and clicked the link again...so the site is definitely still there. Yes, the URL (apple's site) above is working, but not the download link (ftp://ftp.osxgnu.org/pub/Networking/Lynx-2.8.6-10.2-10.4.dmg.sit) the url provided. A domain search shows that it's valid. http://www.whois.sc/osxgnu.org 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] Online screen viewer
How about Links instead? http://links.sourceforge.net/ - the mac version can be downloaded from http://macosx.forked.net/download.php?j=http://macosx.forked.net/p/Links-0.96.pkg.tgz Yeah, it has support for tables, but seeing as you aren't designing web pages using tables (for layout) anymore that won't be an issue, right? On Fri, 2005-06-17 at 23:17 -0700, tee wrote: tee wrote: http://www.apple.com/downloads/macosx/unix_open_source/lynx.html Works absolutely fine for me. Even cleared my cache and clicked the link again...so the site is definitely still there. Yes, the URL (apple's site) above is working, but not the download link (ftp://ftp.osxgnu.org/pub/Networking/Lynx-2.8.6-10.2-10.4.dmg.sit) the url provided. A domain search shows that it's valid. http://www.whois.sc/osxgnu.org Tee Kind Regards, Joshua Street base10solutions Website: http://www.base10solutions.com.au/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 Multimedia Development Agency E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the senders consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. ** 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] Online screen viewer
On 18 Jun 2005, at 3:17 pm, tee wrote: http://www.apple.com/downloads/macosx/unix_open_source/lynx.html Works absolutely fine for me. Even cleared my cache and clicked the link again...so the site is definitely still there. Yes, the URL (apple's site) above is working, but not the download link (ftp://ftp.osxgnu.org/pub/Networking/Lynx-2.8.6-10.2-10.4.dmg.sit) the url provided. The osxgnu.org site is either down or having some problems, I can't access it. Download mirrors should be available from dev.osxgnu.org, but I can't access it either. If you really want it, Lynx (2.8.4) is available through Fink (package manager). http://fink.sourceforge.net/index.php 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 **
[WSG] PNG Support
Dear Friends, I have just read and signed the online petition: Proper PNG Support in Internet Explorer for Windows hosted on the web by PetitionOnline.com, the free online petition service, at: http://www.PetitionOnline.com/msiepng/ I personally agree with what this petition says, and I think you might agree, too. If you can spare a moment, please take a look, and consider signing yourself. Best wishes, Jorge ** 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 Meetings for the rest of us
Hey, Sacramento here. Not to give Toronto a head start, but we're indeed working on it. I'm not sure if we've reached critical mass with 8 yet, but there's been enough interest that I'm confident we can do an informal meeting, at the very least. I'm hoping that if we can get a few bright people talking in the same room (looks easy enough), we can build from there. Work is keeping me busy, but I'm trying to get organized enough to set up a small meeting this month or early next. Anybody in SF want to get involved? I'm excited. Jason Anderson http://www.thenewjhp.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] PNG Support
Jorge Colon wrote: Dear Friends, I have just read and signed the online petition: Proper PNG Support in Internet Explorer for Windows http://www.PetitionOnline.com/msiepng/ Appears MS is listening, heres an announcment regarding IE7 PNG http://blogs.msdn.com/ie/archive/2005/4/26.aspx Jason ** 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] Clash of nested lists
I am currently working on a web application and I am trying to make it as accessible as possible. Now I am stuck with one problem where I cannot decide as to how to mark things up: I want to display a list of folders and subfolders. - Folder One - Subfolder One - Subfolder Two - Folder Two - Folder Three This is fairly simple and straight forward: I make it a ul with a couple of li's and nested lists. Here the problem though: I want to display a couple of icons infront of each of the folders (Edit, Delete, ...). So my list actually looks like this: - Edit Delete Folder One - Edit Delete Subfolder One - Edit Delete Subfolder Two - Edit Delete Folder Two - Edit Delete Folder Three Normally I would put the edit and delete into an unordered list to separate the links. But this won't work in this particular example, I think. My nested lists would clash with each other. I can't come up with any nice solution for this that adheres to web standards and makes things accessible. Any suggestions? ** 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] Clash of nested lists
This strikes me as a tad list-obsessive - what would be wrong with simply inserting a href=/edit title=Editimg src=edit.png alt=Edit //a and similarly for Delete? AFAIK that shouldn't pose any significant barriers to accessibility...? On Sun, 2005-06-19 at 10:08 +1000, Andreas Boehmer [Addictive Media] wrote: I am currently working on a web application and I am trying to make it as accessible as possible. Now I am stuck with one problem where I cannot decide as to how to mark things up: I want to display a list of folders and subfolders. - Folder One - Subfolder One - Subfolder Two - Folder Two - Folder Three This is fairly simple and straight forward: I make it a ul with a couple of li's and nested lists. Here the problem though: I want to display a couple of icons infront of each of the folders (Edit, Delete, ...). So my list actually looks like this: - Edit Delete Folder One - Edit Delete Subfolder One - Edit Delete Subfolder Two - Edit Delete Folder Two - Edit Delete Folder Three Normally I would put the edit and delete into an unordered list to separate the links. But this won't work in this particular example, I think. My nested lists would clash with each other. I can't come up with any nice solution for this that adheres to web standards and makes things accessible. Any suggestions? Kind Regards, Joshua Street base10solutions Website: http://www.base10solutions.com.au/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 Multimedia Development Agency E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the senders consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. ** 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] Clash of nested lists
On Sun, 2005-06-19 at 10:08 +1000, Andreas Boehmer [Addictive Media] wrote: Here the problem though: I want to display a couple of icons infront of each of the folders (Edit, Delete, ...). So my list actually looks like this: - Edit Delete Folder One - Edit Delete Subfolder One - Edit Delete Subfolder Two - Edit Delete Folder Two - Edit Delete Folder Three -Original Message- From: Joshua Street [mailto:[EMAIL PROTECTED] Sent: Sunday, 19 June 2005 11:41 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Clash of nested lists This strikes me as a tad list-obsessive - what would be wrong with simply inserting a href=/edit title=Editimg src=edit.png alt=Edit //a and similarly for Delete? AFAIK that shouldn't pose any significant barriers to accessibility...? Yeah, I have got the feeling it is list-obsessive and I really hope there is a better way out of it. The reason I cannot simply put both icons into a tags is that they have to be separated by more than just space for accessibility reasons. So this: a href=/edit title=Editimg src=edit.png alt=Edit //a a href=/delete title=Deleteimg src=delete.png alt=Delete //a wouldn't work. See: http://www.w3.org/TR/WCAG10-TECHS/#tech-divide-links (Checkpoint 10.5) ** 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] Clash of nested lists
On Sun, 2005-06-19 at 12:01 +1000, Andreas Boehmer [Addictive Media] wrote: Yeah, I have got the feeling it is list-obsessive and I really hope there is a better way out of it. The reason I cannot simply put both icons into a tags is that they have to be separated by more than just space for accessibility reasons. So this: a href=/edit title=Editimg src=edit.png alt=Edit //a a href=/delete title=Deleteimg src=delete.png alt=Delete //a wouldn't work. See: http://www.w3.org/TR/WCAG10-TECHS/#tech-divide-links (Checkpoint 10.5) Yep, but is there anything inherently wrong with doing a href=/edit title=Editimg src=edit.png alt=Edit //a a href=/delete title=Deleteimg src=delete.png alt=Delete //a (note the space)? Failing that, how about something like this: ul li ul lia href=/edit title=Editimg src=edit.png alt=Edit //a/li lia href=/delete title=Deleteimg src=delete.png alt=Delete //a/li liFolder ul lia href=/edit title=Editimg src=edit.png alt=Edit //a/li lia href=/delete title=Deleteimg src=delete.png alt=Delete //a/li liSubfolder/li /ul /li /ul /li /ul IMO, the non-link example is not only far lighter in terms of markup, but also offers a similar degree of semantic integrity - that is, there is no significant relationship between the actual data (e.g. folder names) and the interface (e.g. edit/delete links) better represented through use of lists than simply with anchors. Kind Regards, Joshua Street base10solutions Website: http://www.base10solutions.com.au/ Phone: (02) 9898-0060 Fax: (02) 8572-6021 Mobile: 0425 808 469 Multimedia Development Agency E-mails and any attachments sent from base10solutions are to be regarded as confidential. Please do not distribute or publish any of the contents of this e-mail without the senders consent. If you have received this e-mail in error, please notify the sender by replying to the e-mail, and then delete the message without making copies or using it in any way. Although base10solutions takes precautions to ensure that e-mail sent from our accounts are free of viruses, we encourage recipients to undertake their own virus scan on each e-mail before opening, as base10solutions accepts no responsibility for loss or damage caused by the contents of this e-mail. ** 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] Clash of nested lists
Andreas Boehmer [Addictive Media] wrote: The reason I cannot simply put both icons into a tags is that they have to be separated by more than just space for accessibility reasons. I would argue, though, that this checkpoint has purely technical reasons, and that the situation in which adjacent links can cause problems (as far as I remember, Netscape 4 in combination with Outspoken on Mac OS 9) is fairly uncommon nowadays, making it obsolete (as per the until user agents clause). Sure, it won't pass automated dumb testing, but I doubt that the vast majority of real users (even those with disabilities) will have any access problems if there is only a single space (or even nothing at all) between those links. -- Patrick H. Lauke _ redux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.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 **
[WSG] FF Bug - Any Fixes?
Hey List, I know this bug has been discussed before - but I can't find any solutions. Wondering if there have been any recent fixes or what not. This is how the menu should look (this was from IE, even IE gets it right) http://img78.echo.cx/img78/1969/menubug25aq.jpg This is FireFox's render: http://img78.echo.cx/img78/6669/menubug16xy.jpg AS you can see, beneath CHAT ROOMS and BROWSE A-Z there is a signifcant gap... White space... Something! :S The website is: www.simplyrewarding.com.au Thanks! ** 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] PNG Support
I think MS have already come out and said IE7 will have full PNG support. :) Jorge Colon wrote: Dear Friends, I have just read and signed the online petition: Proper PNG Support in Internet Explorer for Windows hosted on the web by PetitionOnline.com, the free online petition service, at: http://www.PetitionOnline.com/msiepng/ I personally agree with what this petition says, and I think you might agree, too. If you can spare a moment, please take a look, and consider signing yourself. Best wishes, Jorge ** 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] FF Bug - Any Fixes?
On 19 Jun 2005, at 1:00 pm, Chris Stratford wrote: AS you can see, beneath CHAT ROOMS and BROWSE A-Z there is a signifcant gap... White space... Something! :S The website is: www.simplyrewarding.com.au nothing with white-space, all with TWIPS. http://dev.l-c-n.com/Gecko/moz_spacing.php http://www.satzansatz.de/cssd/geckogaps.html Note that I don't see any problem running Firefox 1.0+ latest nightly build, at any zooming factor. 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] FF Bug - Any Fixes?
Ahh Philippe, Thanks for those links - and I see that you are the man who came up with the diagnosis for this problem. I still see the errors - should I use Absolute values (px, not em) to define my margin/padding on those lists? Would that fix the problem? Thanks! - Chris Philippe Wittenbergh wrote: On 19 Jun 2005, at 1:00 pm, Chris Stratford wrote: AS you can see, beneath CHAT ROOMS and BROWSE A-Z there is a signifcant gap... White space... Something! :S The website is: www.simplyrewarding.com.au nothing with white-space, all with TWIPS. http://dev.l-c-n.com/Gecko/moz_spacing.php http://www.satzansatz.de/cssd/geckogaps.html Note that I don't see any problem running Firefox 1.0+ latest nightly build, at any zooming factor. 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 ** ** 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] FF Bug - Any Fixes?
On 19 Jun 2005, at 2:00 pm, Chris Stratford wrote: I still see the errors - should I use Absolute values (px, not em) to define my margin/padding on those lists? Would that fix the problem? I guess using px for padding/margin/border will improve the situation, as does using line-height:normal on the li (?, not sure in your case, could be on the a). You might still see some rounding errors, due to the font-size, if the computed value is not a round number. Those two fixes will minimise the problem however. Using a background-image to simulate your border, instead of using the border-property, is another fix that has been mentioned on CSS-D once. As I said, I don't see the problem at all on my nightly build at various zoom levels. Lots of work has gone in some of those rendering issues (rounding errors). 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] FF Bug - Any Fixes?
Chris Stratford schrieb: ... I still see the errors - should I use Absolute values (px, not em) to define my margin/padding on those lists? Would that fix the problem? It's hard to test the rounding error in all OS, text zoom level, and different dpi-settings. Yes, px-fixed lenghts and offsets might fix the em-based rounding problem of overlaps and gaps in FF = 1.04 Andy Budd once posted this workaround to css-d http://www.message.uk.com/test/nav/ maybe worth a try. Ingo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
