Request help with formatting

[Dennisdg]

Purely for aesthetic purposes I'm trying to change the result of #txbattery channel=1 from lowercase to uppercase. From ok to OK.
I have added the following to weatherstyple.ccs
.uppercase {
text-transform: uppercase;
}
and the following to my index page <td class="uppercase"><#txbattery channel=1> </td>
the result doesn't change.

Using Davis Vantage VUE, Cumulus v1.9.9 (1099), Windows 7

Suggestions please.

Thanks

Dennis

[jdc]

It works for me on the <td>, but you could try <span> or <p>

Code: Select all

<td><span class="uppercase"><#txbattery channel=1></span></td>

[steve]

Your HTML structure is broken, which could well be why your style isn't applying. That <td> element isn't actually in a table.

https://validator.w3.org/check?uri=http ... ne&group=0

[Dennisdg]

Thanks for the replies. The way I managed to get it to work was by using John's suggestion.

Regards

[mcrossley]

Dennis, did you look at the link Steve provided. Your markup has some serious issues that need addressing...
https://validator.w3.org/check?uri=http ... ne&group=0

[Dennisdg]

Hi Mark & Steve

Yes I did take a look, I do plan to go through issues. First glance some didn't seem to make sense to me. I shall dig deeper!

Thanks both

[jdc]

Even if you 'View Page Source" in Firefox, the most obvious misplaced tags etc. are highlighted in the html. You can go from there.

[Dennisdg]

Gents

Many thanks for your help, it really is most appreciated.
I have managed to reduce the Nu Html Checker's error report down to 9 all suggesting to use CSS instead.

I have an issue with the colspan value. I reduced it from 7 to 4. Now the colour of the menu changes from yellowish to red as the screen is completed.

In the longer term I guess I should try and change to HTML5.

[BCJKiwi]

Well you are specifying the page as HTML5 and therefore using the "nu" validator.
You have two options, add more things to your CCS, or use 'inline CSS' as a work around.

inline CSS involves changing the table /row / data / formatting etc to a different format.

e.g. this is in one of my HTML5 pages;

Code: Select all

   <table style="width:100%; border-collapse: collapse; border-spacing: 0;" >
   <col style="width:30%;"/>
   <col style="width:10%;"/>
   <col style="width:6%;"/>
   <col style="width:50%;"/>
   
  <tr>
    <td colspan="4" class="table-top" style="text-align: center">Temperature and Humidity </td>
  </tr>
    <tr class="column-light">
    <td class="main_table_text_labels">Highest&nbsp;Temperature</td>
    <td style="text-align:right;"><span id="TempH"><?php echo $tempH ?></span></td><td><?php echo $tempunit ?></td>
    <td class="right_align_indented"><span id="TempHT"><?php echo $TtempH ?></span></td>
  </tr>

where there is a mix of CSS and inline CSS

OK, so this is not ideal but it is perfectly acceptable and validates. Helpful when converting html1.0 pages to HTML5

[Dennisdg]

Thanks for the suggestions.
A lot to take in.

Regards