[WSG] IE link hover and Nav Div width Issues
I am currently working on a liquid format for my site. Just doing up the header at the moment. It is ok in FF but IE6 is not happy with it. I have yet to check with other browsers so the focus in on these 2 browsers at the moment. In FF I have no issues with things going whacky when I hover on links. But on IE6, when I hover on those browser icons, things gets shifted sideways. It only happens on the browser icons not the navigation's links. Another thing is that I do not need to specify a width on the navigation's div but I have to do it for IE6 and possibly Opera when I get to that browser. The problem is that if I specify a width then the navigation will not be floated nicely to the right because of I have li floated to left to display the li in proper flow. I want to be able to have the li in nav to be in one line when people choose medium and one size bigger in IE. If only IE can do without a width then it will work like what I want like in FF. http://design.sodesires.com/sodnew/header.html Please ignore a lot of that css files as they are not in used at the moment or optimised. The one to look at is layout.css, nav.css and ie-win.css If anyone has better solution for the browser icon on hover bug for IE, you have my deepest gratitude! Oh I am checking the page on Windows only now. -- Cheers : Jaime ** 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] Anti-spam mailto encoders using Character Entity Evasion
Ermm another question List fellows. Hope you guys don't mind...4th question for the past 2 weeks. I am trying to use Character Entity Evasion for mailto encoding instead of JavaScript. At times it validates and at times it doesn't. Why? I have no idea. Example of Character Entity encoded email: Decode: [EMAIL PROTECTED] Encode: #116;#101;#115;#116;#64;#116;#101;#115;#116;#105;#110;#103;#46; #99;#111;#109; Those characters is making my xhtml 1.0 strict validation unhappy. May I know what alternatives do the rest of you use besides using JavaScript for encoding your e-mail? Contact Forms and '@ image method' or replacing '@' with 'at' method aside please. Thank you! Best Wishes, Jaime ... * 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] Anti-spam mailto encoders using Character Entity Evasion
Mike you are a gem! This tool generates codes that validates in XHTML 1.0 DTD Strict! Is helpful and great for lazy people like me lol. Tested it and it works great. Thank you thank you very much! By the way what is the differences between ISO and Hex Conversion? Which is more secure? I choose the default which is ISO Conversion. Best Wishes, Jaime ... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Pepper Sent: Friday, 4 June 2004 3:17 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] Anti-spam mailto encoders using Character Entity Evasion Jaime, Just use http://www.seowebsitepromotion.com/obfuscate_email.asp. Might prove useful and does it all for you, including complete mail-to strings. Mike Pepper Accessible Web Developer (with a headache because he's been on the system way too long) http://www.seowebsitepromotion.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Jaime W Sent: 03 June 2004 19:35 To: [EMAIL PROTECTED] Subject: [WSG] Anti-spam mailto encoders using Character Entity Evasion Ermm another question List fellows. Hope you guys don't mind...4th question for the past 2 weeks. I am trying to use Character Entity Evasion for mailto encoding instead of JavaScript. At times it validates and at times it doesn't. Why? I have no idea. Example of Character Entity encoded email: Decode: [EMAIL PROTECTED] Encode: #116;#101;#115;#116;#64;#116;#101;#115;#116;#105;#110;#103;#46; #99;#111;#109; Those characters is making my xhtml 1.0 strict validation unhappy. May I know what alternatives do the rest of you use besides using JavaScript for encoding your e-mail? Contact Forms and '@ image method' or replacing '@' with 'at' method aside please. Thank you! Best Wishes, Jaime ... * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Accessible News Scroller/Ticker and Footer issue in IE
The most accessible way of doing this sort of thing is to have something that does not scroll/animate/change by default. The user should enable the scrolling/etc by hand first. And it should obviously still work without javascript and/or flash (or, if you use flash, again have the default state of the movie as not scrolling, and add a button to enable the scrolling ticker - and make sure you offer an alternative for non flash users...a simple link to a separate news page could be acceptable in this situation). Hi Patrick Is there any online references on how I can achieve that? The client wants the scrolling news. I'm not efficient with flash and JS seems to be a bad choice as well. So am stuck with solving this issue. The scrolling text should scroll and pause for a while before moving to a new news. This current flash script opens the link in a new window (pop-up). I hate that and I know many others do as well. Best Wishes, Jaime ... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Patrick Lauke Sent: Wednesday, 2 June 2004 7:04 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Accessible News Scroller/Ticker and Footer issue in IE From: Mordechai Peller What ever you do you'll still have problems with accessibility. Scrolling text will always be a problem with epilepsy, visually impaired, and motor impaired (clicking a moving target). Exactly. It struck me as interesting that the original poster wants to avoid JS because of accessibility concerns, but failed to see that the scrolling is still fundamentally inaccessible. Perhaps, what might work is using an iframe with a refresh rate on the loaded page of about 3 seconds. Again, you're changing things automatically, effectively doing client side redirects, which is a no-no in terms of accessibility. Imagine somebody with a screenreader getting to the iframe. The screenreader starts reading out the current content, and all of a sudden it refreshes ... annoying at best, potentially confusing in the worst case. The most accessible way of doing this sort of thing is to have something that does not scroll/animate/change by default. The user should enable the scrolling/etc by hand first. And it should obviously still work without javascript and/or flash (or, if you use flash, again have the default state of the movie as not scrolling, and add a button to enable the scrolling ticker - and make sure you offer an alternative for non flash users...a simple link to a separate news page could be acceptable in this situation). Ages ago, I hacked away at a proof of concept accessible news scroller. It's hacky, it's ugly, it's not very generalised...but shows the idea I'm trying to get across. See http://www.splintered.co.uk/experiments/details.php?id=24 All this IMNSHO, as always ;) Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * 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] Comment and site check
Sorry for the late reply. Thanks for the thoughts Hugh. It helps with my
final decision :)
I'm using the Gilder/Levin Method FIR
http://www.mezzoblue.com/tests/revised-image-replacement/ as I want the
words to show on image off.
I'm not very sure with IE Mac. Pleasing IE Mac has always been a huge
challenge for me :P Has anyone used a FIR that actually works with IE Mac
but on the condition that the words will show on image off?
The is the CSS I am using:
#logo
{
width : 100px;
height : 70px;
position: relative;
margin-left : 600px;
padding-top : 13px;
}
#logo span
{
background :
url(../../../images/global/logo/logo.gif) no-repeat;
position: absolute;
width : 100%;
height : 100%;
}
Best Wishes,
Jaime ...
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Hugh Todd
Sent: Friday, 28 May 2004 6:58 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Comment and site check
Jaime,
I was thinking that the logo image actually has a semantic meaning
(which can be represented by an alt tag). Changing the version of the
logo would be a simple matter of replacing your image file with one of
the same name.
But your using an h1 probably makes more semantic sense in the
hierarchy of the page (and the image you use as replacement is exactly
to the point). So if you stay with this solution, all you have to do is
figure out what's going wrong in IE 5 Mac... if that's important
enough.
-Hugh
For the logo, I was thinking about future site update. They have a
couple
version of logo and might wish to swap them around. The logo might be
of
different size. A background logo using CSS will save me lots of time
if the
logo change. It's either that or changing the image file name but I
feel
that the background technique will be easier to work with.
What's your thoughts?
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
[WSG] Accessible News Scroller/Ticker and Footer issue in IE
Hi Does anyone know if there are any resources to accessible news scroller/ticker not written in _javascript_? I have been looking all over for one that is not done in _javascript_ and it seems that JS and Flash are the common news scroller around. I have been re-coding http://schnauzerclub.org.sg/index.html from Table layout to CSS. I am temporarily using a flash ticker till I can find a better solution. With this flash ticker, the site fails the section 505 test and I do not know how to solve it.. Section 505 test at http://www.contentquality.com/mynewtester/cynthia.exe?Url1=http://schnauzerclub.org.sg/index.html Another issue I am facing is the footer it is playing up in IE 5+ on PC when content is too short. The footer tends to float up a little or get stuck at the bottom, beneath the viewing area (i.e. you wont be able to see the whole footer as it gets hidden and IE will not show the scrollbar). I am using http://www.alistapart.com/articles/footers/ - Example 5. Thanks for any help! Best Wishes, Jaime ...
RE: [WSG] Comment and site check
Thank you very much Hugh For the logo, I was thinking about future site update. They have a couple version of logo and might wish to swap them around. The logo might be of different size. A background logo using CSS will save me lots of time if the logo change. It's either that or changing the image file name but I feel that the background technique will be easier to work with. What's your thoughts? Best Wishes, Jaime ... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Hugh Todd Sent: Friday, 28 May 2004 7:43 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Comment and site check Jaime, Displays beautifully on Safari 1.2 and Mac IE 5.2.3. Except that the Joons Family crest thing disappears in IE 5 -- for some reason the image replacement technique isn't working. Why not use an actual image? -Hugh Todd Could you do a check on your browser for this project of mine? Test site: http://designs.sodesires.com/JoonsFamily/ http://designs.sodesires.com/JoonsFamily/profile/index.html It would be great if Mac users could give some feedback. * 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] Making Flash Codes validate
Thanks everyone. Why cant macromedia make flash validate grr! I did this using satay method but not messing with the flash code as the flash is not done by me. Seeing that it is only news and wont take a long time to load by IE, hmmm I could cheat a lil? object type=application/x-shockwave-flash data="" width=126 height=272 param name=movie value=../scripts/flash/scs_news.swf / /object Will this work across browsers? SO far I see it working on WIN IE5.01+, Firefox, Opera 7 Best Wishes, Jaime ... From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Reston Sent: Thursday, 27 May 2004 9:21 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Making Flash Codes validate Jaime - there's been a lot of discussion about this issue. I'm currently using a method referred to as the 'Flash Satay' method. There are severalother methods (sorry - can't locate URLs just not).All have their ups and downs. ALA discussed satay here: http://www.alistapart.com/articles/flashsatay/ htmldog discusses the issues a bit here: http://www.htmldog.com/ptg/archives/45.php s:r -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Jaime W Sent: Wednesday, May 26, 2004 5:51 PM To: [EMAIL PROTECTED] Subject: [WSG] Making Flash Codes validate Hello everyone I am facing some validation issues (XHTML 1.0 Transitional) with the following flash object codes: OBJECT classid=""> codebase=""> WIDTH=126 HEIGHT=272 PARAM NAME=movie VALUE=scripts/flash/scs_news.swf PARAM NAME=menu VALUE=false PARAM NAME=quality VALUE=high PARAM NAME=wmode VALUE=opaque PARAM NAME=bgcolor VALUE=#5D5329 EMBED src="" menu=false quality=high wmode=opaque bgcolor=#5D5329 WIDTH=126 HEIGHT=272 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash/EMBED /OBJECT Its the 1st time I am adding some flash content so am unsure of whats right or wrong. The demo page can be found here http://designs.sodesires.com/scs/ Any pointers will be great. Thanks. Best Wishes, Jaime ...
[WSG] Comment and site check
Sorry to trouble you guys. Could you do a check on your browser for this project of mine? Test site: http://designs.sodesires.com/JoonsFamily/ http://designs.sodesires.com/JoonsFamily/profile/index.html It would be great if Mac users could give some feedback. So far it looks fine on Win IE5.01, Firefox, Opera 7 on my side. Thank you thank you everyone! Best Wishes, Jaime ...
[WSG] Making Flash Codes validate
Hello everyone I am facing some validation issues (XHTML 1.0 Transitional) with the following flash object codes: OBJECT classid=""> codebase=""> WIDTH=126 HEIGHT=272 PARAM NAME=movie VALUE=scripts/flash/scs_news.swf PARAM NAME=menu VALUE=false PARAM NAME=quality VALUE=high PARAM NAME=wmode VALUE=opaque PARAM NAME=bgcolor VALUE=#5D5329 EMBED src="" menu=false quality=high wmode=opaque bgcolor=#5D5329 WIDTH=126 HEIGHT=272 TYPE=application/x-shockwave-flash PLUGINSPAGE=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash/EMBED /OBJECT Its the 1st time I am adding some flash content so am unsure of whats right or wrong. The demo page can be found here http://designs.sodesires.com/scs/ Any pointers will be great. Thanks. Best Wishes, Jaime ...
[WSG] Images inside a div class with specified link style
How do I prevent link styles from showing on the images that are positioned
inside a div class with specified link style? An example below.
div class=aCol
Content text here Content text here Content text here Content text here
div class=divRight
a href=#img src=top.gif alt=Back to top of the page width=30
height=10 //a
/div
/div
.aCol a
{
color : #AE0D2D;
text-decoration : none;
border-bottom : 1px dashed #90AAAB;
}
I have tried doing..
.divRight img a
{
border-bottom : none;
}
and
.aCol img a
{
border-bottom : none;
}
..obviously weren't right so they didn't work :P
In the end I cheated by doing this:
div class=aCol
Content text here Content text here Content text here Content text here
/div
div class=divRight
a href=#img src=top.gif alt=Back to top of the page width=30
height=10 //a
/div
Feel bad cheating without knowing why it can't be solved...
Best Wishes,
Jaime ...
*
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] Images inside a div class with specified link style
Thanks Patrick
So there is no other way besides making an extra div just for images with
links? : Trying to prevent from creating more divs.
Best Wishes,
Jaime ...
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Patrick Griffiths
Sent: Monday, 3 May 2004 12:25 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Images inside a div class with specified link style
.divRight a
{
border-bottom : none;
}
Your code was looking for an a element nested inside an image!
If there are other links in .divRight boxes that you want the border
applied to, you'll need to apply a different class to the a element
surrounding the image.
Patrick Griffiths (PTG)
http://www.htmldog.com/ptg/
http://www.htmldog.com
How do I prevent link styles from showing on the images that are
positioned
inside a div class with specified link style? An example below.
div class=aCol
Content text here Content text here Content text here Content text
here
div class=divRight
a href=#img src=top.gif alt=Back to top of the page
width=30
height=10 //a
/div
/div
.aCol a
{
color : #AE0D2D;
text-decoration : none;
border-bottom : 1px dashed #90AAAB;
}
I have tried doing..
.divRight img a
{
border-bottom : none;
}
*
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
*
