CSS - Accessibility And No Stylesheet

Quote:
Dan Cederholm of SimpleBits:

It's important to note that the cascading effect of CSS still applies, and alternate style sheets work just like any other style sheet, in that only common rules are overridden when the alternate styles are active. So if we had layout, positioning, and other site-wide rules in default.css that weren't repeated in the alternate style sheets, those default rules would still work.


I'm making a site that has a default stylesheet with a fixed layout and an alternative one with a fluid layout. The problem I'm having is the alternative sheet not inheriting css from the default stylesheet even though the rules are not overridden.

At the moment, my alternative stylesheet is an exact copy of the original (everything included) with only 3 width values changed to percentages. Theoretically, I should be able to only include these three rules alone in the alt sheet, as rules are carried over from the default sheet unless overridden.

However, when I do try to reduce the alt sheet to just:

Code:

#container { width: auto; }

#main { width: 65%; }

#navbar { width: 30%; }

all unincluded formatting is lost.

Am I doing something wrong?

Cheers, Sam.

I have a very strange problem. My firefox is ignoring the changes I made to the style sheet. I have this in my webpage and the style.css file location is right (one directory up).

<link href="../style.css" rel="stylesheet" type="text/css">

Because it's ignoring my new changes, I deleted everything in my style.css file, and the page still displays as though the file exists. However, if I delete the above line, then the page will display without any style.

IE is loading with the changes I made though. I have also checked my stylesheet with the W3C css validation and it has no error.

So, any body know why this is happening?

Hi,

I have a small problem. I nearly created all the CSS of my web application, and have my layour in place .. and so far I did not even use one single table for the design.

However now I tried to see how my website breaks up when the user Scrolls the mouse while pressing Ctrl (if you do this on google you will notice the fonts get small or bigger depending on how the user scrolls).

To my amazment nothing happens. The website stayed as is!! I have defined all fonts (normal text, headers, etc) using the pt notation (example font-size: 10pt. I tried using the em notation, but nothing happened either.

Now I am a little bit scared. I tought that this feature is a must-have for accessability and I really wanted to make sure that my website was accessable (This was one of the reasons why I wanted to develop a website with only css!)

Does anyone have any ideas about this?

Regards,
Sim085

The Q tag is supposed to be used for inline quotations, whereas the BLOCKQUOTE tag for longer quotations. The Q tag is suppose to render quotation marks around the enclosed quote, but does not do so in IE. As far as I known (have read in various articles), IE is the only browser that does not enclose the quote with quotation marks.

I have a single-lined quote I want to display and was hoping to use the Q tag as I don't find it neccessary to use the BLOCKQUOTE tag since it's only a 5-word sentence and the BLOCKQUOTE does not render quotation marks around the data in any browser (instead indents both the left and right margins).

If I were to forget about both tags competely and just enclose my quote with quotation marks it would 'appear' correct, though it does not adhear to accessibility guidelines as a screen-reader browser like JAWS would not realize it is actually a quotation and would read it the same as any other text enclosed in a P tag.

If I were to use the Q tag and add the quotation marks, IE would look right, but in all the other browsers there would be double quotation marks.

Should I de-style the Q tag so the quotation marks do not show? If that is possible I could continue using the appropriate tag and just add the quotation marks manually but it would still look right on all web browsers (including text-only browsers), and it would be read properly. Though, is that even possible? and if it were, is it backwards-compatible or will it only work on recent web browsers?

Another alternative would be to use the BLOCKQUOTE and add the quotations manually and style the BLOCKQUOTE tag accordingly... but again, this is meant for longer quotations, but may be the only reasonable alternative?

OR

style the Q tag to have quotation marks before and after in IE, but IE doesn't support 'content:' correct?

Does anyone know of a solution? or which of my 'fixes' would you suggest?

Thank you.

Edit I was thinking about this more and I think I came up with a pretty good solution:

Code:

q:before, q:after { content:''; }

IE already doesn't display the quotes so it doesn't matter that it doesn't support the above code, the rest of the browsers do (i think?), so I can continue to use the Q tag, whilst adding the quotation marks manually.

Good fix?