How can I change the value in a css class?

How can I change the value in a css class?

For instance, with I.E., I want to change the value in the class
span.arr from middle to 0.2em. The value of middle is OK for most
other browsers.

I expected the code below to work but I.E. does not like it.

What should I be doing?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=iso-8859-1">
<title>Chemical Formula Display</title>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body style="text-justify-trim:punctuation" lang="EN-GB">
<h1>Chemical Formula Display</h1>
<p>Netscape requires the arrows to be vertically aligned in
the 'middle' but I.E. wants them to be aligned at 0.2em</p>
<p>(I) H<sub>2</sub>SO<sub>4</sub> + Zn <span
class="arr">⇔</span> ZnSO<sub>4</sub> + H<sub>2</sub></p>
<p>(I) H<sub>2</sub>SO<sub>4</sub> + Zn <span
class="arr">→</span> ZnSO<sub>4</sub> + H<sub>2</sub></p>
<p style="margin-top=4em"></p>
</body>
</html>

On Tue, 18 Oct 2005 09:04:24 GMT, Harry Haller <Harry@Steppenwolf.com>
wrote:
[color=blue]
>How can I change the value in a css class?
>
>For instance, with I.E., I want to change the value in the class
>span.arr from middle to 0.2em. The value of middle is OK for most
>other browsers.
>
>I expected the code below to work but I.E. does not like it.
>
>What should I be doing?
>
><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
><html>
> <head>
> <meta http-equiv="Content-Type"
>content="text/html;charset=iso-8859-1">
> <title>Chemical Formula Display</title>
> <style type="text/css">
></style>
><script type="text/javascript">
></script>
> </head>
> <body style="text-justify-trim:punctuation" lang="EN-GB">
> <h1>Chemical Formula Display</h1>
> <p>Netscape requires the arrows to be vertically aligned in
>the 'middle' but I.E. wants them to be aligned at 0.2em</p>
> <p>(I) H<sub>2</sub>SO<sub>4</sub> + Zn <span
>class="arr">⇔</span> ZnSO<sub>4</sub> + H<sub>2</sub></p>
> <p>(I) H<sub>2</sub>SO<sub>4</sub> + Zn <span
>class="arr">→</span> ZnSO<sub>4</sub> + H<sub>2</sub></p>
> <p style="margin-top=4em"></p>
> </body>
></html>[/color]

Sorry, I just noticed it should be:
ruleList[i].style.verticalAlign = newContent;
not
ruleList[i].style.vertical-align = newContent;

Apart from that I have changed all the styles to end with a ;

It works now.

Harry Haller wrote:[color=blue]
> How can I change the value in a css class?
>
> For instance, with I.E., I want to change the value in the class
> span.arr from middle to 0.2em. The value of middle is OK for most
> other browsers.
>
> I expected the code below to work but I.E. does not like it.
>
> What should I be doing?[/color]

Ask in a CSS forum, I suspect there is a pure CSS solution. Any
browser-sniffing method is bound to fail at least some of the time for
some browsers.

comp.infosystems.www.authoring.stylesheets

--
Rob

You can use conditional comments at IE.

Example HTML:
<head>
<style type="text/css"></style>

</head>

This is valid HTML.

Harry Haller wrote:
[color=blue]
> How can I change the value in a css class?
>
> For instance, with I.E., I want to change the value in the class
> span.arr from middle to 0.2em. The value of middle is OK for most
> other browsers.[/color]

Have you decided on a solution without really considering the actual
problem?
[color=blue]
> What should I be doing?[/color]

We can tell you, but you might not like it. ;)
[color=blue]
> <style type="text/css"> comment tags. They haven't been needed for more than
10 years now.

BTW, it is accepted practice to post the URL of a page showing the
problem. Most people don't want to be bothered to copy and paste your
code and dummy up their own page. Besides, more often than not, the code
alone doesn't tell the whole story.

Make it easy for people to help you and you'll get better results.
[color=blue]
> body {font-size: 12pt}[/color]

If this were a print stylesheet, setting font sizes in pt units could be
acceptable. They are unsuitable for screen display, though. Use % per
published accessiblity guidelines, with body at 100%. Subscripts and
superscripts can be a fraction of that, maybe 75%.
[color=blue]
> span.arr {vertical-align: middle;}
>
> <p>(I) H<sub>2</sub>SO<sub>4</sub> + Zn <span
> class="arr">⇔</span> ZnSO<sub>4</sub> + H<sub>2</sub></p>[/color]

Seems to me that arrows vertically align by themselves just fine. Why do
you need to specifically set it at all?

BTW, you might want to check out the line-height property.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Once upon a time *Gomolyako Eduard* wrote:[color=blue]
> You can use conditional comments at IE.[/color]

Who?

For furter ref on how to post on usenet, please read the links in my sig!

--
/Arne
Now killing all top posters and posters who don't quote
* How to post: http://www.cs.tut.fi/~jkorpela/usenet/brox.html
* From Google: http://www.safalra.com/special/googlegroupsreply/
-------------------------------------------------------------

Taked into consideration.

Arne писал(а):
[color=blue]
> Once upon a time *Gomolyako Eduard* wrote:[color=green]
> > You can use conditional comments at IE.[/color]
>
> Who?
>
> For furter ref on how to post on usenet, please read the links in my sig!
>
> --
> /Arne
> Now killing all top posters and posters who don't quote
> * How to post: http://www.cs.tut.fi/~jkorpela/usenet/brox.html
> * From Google: http://www.safalra.com/special/googlegroupsreply/
> -------------------------------------------------------------[/color]

kchayka wrote:
[color=blue]
> Harry Haller wrote:[color=green]
>> <style type="text/css"> comment tags. They haven't been needed for more than
> 10 years now.[/color]

1. They are NOT "comment tags".ss

2. Your statement applies to _`script'_ elements. JavaScript within HTML
has been around since 1994 (NN2).

HTML 4 and CSS have been around since 1999, it is not that unlikely that
there is an installed user agent that does not understand the `style'
element (properly). Since those comments do no harm in HTML (they are
specified in the CSS grammars in contrast to the JS specs) it is
perfectly valid to use them.

X-Post & F'up2 comp.infosystems.www.authoring.html

PointedEars
--
The German psychs, the German authorities, the German secret service agents
are [...] fanatics, they are insane and known of persecuting innocent people
and Scientologists. -- "The only real Barbara Schwarz", dsw.scientology,
<16d1deb5.0402260945.4d4316af@posting.google.com >

On Tue, 18 Oct 2005 09:15:51 -0500, kchayka <usenet@c-net.us> wrote:
[color=blue]
>Harry Haller wrote:
>[color=green]
>> How can I change the value in a css class?
>>
>> For instance, with I.E., I want to change the value in the class
>> span.arr from middle to 0.2em. The value of middle is OK for most
>> other browsers.[/color]
>
>Have you decided on a solution without really considering the actual
>problem?
>[color=green]
>> What should I be doing?[/color]
>
>We can tell you, but you might not like it. ;)[/color]

Heh, why won't I like it? Thank you for taking the time to post. I
appreciate it. I will give very careful consideration to everything
you wrote.

On 18 Oct 2005 06:25:38 -0700, "Gomolyako Eduard"
<eduard.gomolyako@gmail.com> wrote:
[color=blue]
>You can use conditional comments at IE.
>
>Example HTML:
><head>
><style type="text/css"></style>
>
></head>
>
>This is valid HTML.[/color]

It works with Firefox but with IE the last tag, < ![endif]-->, is
displayed at the top of the document. Although, at least the class is
re-defined for IE.

Below is no better, because the css class re-definition is just
ignored.

<head>
<style type="text/css">
span.arr {vertical-align: middle;}

</style>
</head>

On Mon, 07 Nov 2005 13:22:03 GMT, Harry Haller <Harry@Steppenwolf.com>
wrote:
[color=blue]
>On 18 Oct 2005 06:25:38 -0700, "Gomolyako Eduard"
><eduard.gomolyako@gmail.com> wrote:
>[color=green]
>>You can use conditional comments at IE.
>>
>>Example HTML:
>><head>
>><style type="text/css"></style>
>>
>></head>
>>
>>This is valid HTML.[/color]
>
>It works with Firefox but with IE the last tag, < ![endif]-->, is
>displayed at the top of the document. Although, at least the class is
>re-defined for IE.[/color]

Correction, it is good. I left a space in, < ![endif]-->, where
there should 've been none, <![endif]-->, because I just copied and
pasted from Eduard's code. Silly me.

How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

re: How can I change the value in a css class?

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about