Databases
StackOverflow2013
Postsdbo
POChanging the colour inside characters/Font
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging the colour inside characters/Font
    text
    copied!<p>Firstly, I need to say I am not a web developer, but I have managed to create a HTML5 and CSS3 web site by learning from as many tutorials as possible, also hacking code together from Google searches.</p> <p>On my web site I would like to display environmental information: <strong>Temperature, Humidity, Air Pressure, etc.</strong></p> <p>I would like to know if the following is possible and if someone can point me in the right direction?</p> <p>What I would like to do is display the value of the Temp. and have the colour inside the digits related to the Temp.</p> <p>So for example:</p> <blockquote> <p>If the Temp is below <strong>10'C</strong>, then colour inside the digits is <strong>dark blue</strong></p> <p>If the Temp is between <strong>10'C - 20'C</strong>, then the colour inside the digits is <strong>dark blue</strong> at the <strong>bottom</strong> and fades to <strong>light blue</strong> at the <strong>top</strong> of the digits</p> <p>If the Temp is between <strong>20'C - 30'C</strong>, then the colour inside the digits is <strong>light blue</strong> at the <strong>bottom</strong> and fades to <strong>orange</strong> at the <strong>top</strong> of the digits</p> <p>If the Temp is between <strong>30'C - 40'C</strong>, then the colour inside the digits is <strong>orange</strong> at the <strong>bottom</strong> and fades to <strong>red</strong> at the <strong>top</strong> of the digits</p> <p>If the Temp is above <strong>40'C</strong> then the colour inside the digits is <strong>red</strong></p> </blockquote> <p>I hope it makes sense</p> <p>Thank-you in advance</p> <p>Gregg</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload