|
Thanks Justin. Just got my email set up after reformatting my computer. Sorry for this late reply.
I have just done a search on couple of ways to hide stylesheets from certain browsers.
I am thinking of hiding my stylesheets from Mac IE and Netscape as well as PC Netscape 4-5 or 6 and anything before IE5.5 but can't seem to find the import method for it.
Any good sites with a collection of stylesheets import methods?
With Regards
Jaime Wong
~~~~~~~~~~~~~~~~~~~~~~~~~~
SODesires Design Team
~~~~~~~~~~~~~~~~~~~~~~~~~~
-------Original Message-------
Date: 03/18/04 22:42:10
Subject: Re: [WSG] Hiding styles message to certain browsers
the way it works is you include your stylesheet using the @import method.
anything that does not support that method will not see the stylesheet
(NN4, IE3/4, etc.). Since they do not see the stylesheet, then anything
that has display: none applied to it will show up.
also, you can use the media setting to tell which devices to use the
stylesheet, but I am not sure of the reliability beyond screen, print,
and all.
-----
Jeremy Flint
Jaime Wong wrote:
> Thanks for all the feedbacks.
>
> My next question is how did they make the message show in certain browsers?
> If it is _javascript_ or any other scripts, are there any good source for it?
>
> With Regards
> Jaime Wong
> ~~~~~~~~~~~~~~~~~~~~~~~~~~
> SODesires Design Team
> ~~~~~~~~~~~~~~~~~~~~~~~~~~
>
> -------Original Message-------
>
> Date: 03/18/04 07:23:33
> Subject: Re: [WSG] Hiding styles message to certain browsers
>
> as well as the media setting for the stylesheet "screen, print, etc"
>
> -----
> Jeremy Flint
>
>
>
> Jeremy Flint wrote:
>
>>would it also depend on the method used to include the stylesheet:
>>@import vs. link?
>>
>>russ weakley wrote:
>>
>>
>>>Nate,
>>>
>>>First of all, that wasn�t my technique, just the one used by the site
>>>mentioned by Jaime.
>>>
>>>A good articles on hiding content is Joe Clark's:
>>>
>>>This article details the difference between "display: none" and "display:
>>>hidden".
>>>
>>>"It seems clear that any element given a style of display: none should
>>>not
>>>be rendered, read, or manifested at all by any device in any
>>>modality. Hal,
>>>IBM Home Page Reader, OutSpoken, and Window-Eyes are behaving properly
>>>under this interpretation, while Jaws is misbehaving."
>>>
>>>Joe Clark's article is referring to hiding heading content, not
>>>messages at
>>>the top of the page, but the points are still relevant.
>>>
>>>Russ
>>>
>>>
>>>
>>>
>>>
>>>>There's actually a good reason for this difference. (I can't find the
>>>>reference right now, but I think it's in Zeldman's Designing With Web
>>>>Standards.) Some screenreaders (Jaws?) observe the display:none CSS
>>>>rule, even though it's a visual thing -- therefore, the rule Jeremy
>>>>cited won't be accessed in that context, whereas Russ' rule will.
>>>>
>>>>Neither one is wrong, it's just important to know to whom you're
>>>>supplying the message...
>>>>
>>>>Nate
>>>>
>>>>
>>>>
>>>>On Mar 17, 2004, at 8:17 AM, Jeremy Flint wrote:
>>>>
>>>>
>>>>
>>>>
>>>>>you can also use
>>>>>
>>>>>.hide {
>>>>>display: none
>>>>>}
>>>>>
>>>>><div class="hide">Message to non-stylesheet browsers</div>
>>>>>
>>>>>russ weakley wrote:
>>>>>
>>>>>
>>>>>
>>>>>
>>>>>>These guys use the following CSS rule:
>>>>>>
>>>>>>.hide {
>>>>>>height: 0;
>>>>>>width: 0;
>>>>>>overflow: hidden;
>>>>>>position: absolute;
>>>>>>}
>>>>>>
>>>>>>HTML:
>>>>>><div class="hide">
>>>>>><p>
>>>>>>If you are reading this on a mobile device browser or a text browser,
>>>>>>you
>>>>>>can safely <a href="">
>>>>>>skip to the content</a>.
>>>>>>...
>>>>>>
>>>>>>
>>>>>>
>>>>>>Russ
>>>>>>
>>>>
>>>>*****************************************************
>>>>for some hints on posting to the list & getting help
>>>>*****************************************************
>>>>
>>>
>>>
>>>Thanks
>>>Russ
>>>
>>>-----------------------------------------------
>>>Russ Weakley
>>>Max Design
>>>Phone: (02) 9410 2521
>>>Mobile: 0403 433 980
>>>-----------------------------------------------
>>>
>>>
>>>*****************************************************
>>>for some hints on posting to the list & getting help
>>>*****************************************************
>>>
>>>
>>>
>>>
>>>
>>
> *****************************************************
> for some hints on posting to the list & getting help
> *****************************************************
>
> *****************************************************
> for some hints on posting to the list & getting help
> *****************************************************
>
>
>
>
*****************************************************
for some hints on posting to the list & getting help
***************************************************** | 