Please read the posts in the Announcements section about the current status of Cumulus development now that I have retired

Please read this post before posting

Latest Cumulus release v1.9.4 (build 1099) - Nov 28 2014
Latest Cumulus MX release - v3.0.0 build 3043 Jan 20 2017. See this post for download

Request help with formatting

Other discussion about creating web sites for Cumulus that doesn't have a specific subforum

Moderators: daj, TNETWeather

Dennisdg
Posts: 124
Joined: Tue Feb 07, 2012 9:42 am
Weather Station: Davis Vantage Vue
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Request help with formatting

Postby Dennisdg » Thu Feb 02, 2017 2:18 pm

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
Dennis

http://www.g4glp.co.uk

Davis Vantage VUE
Windows 7 Pro

User avatar
jdc
Posts: 134
Joined: Tue Jun 19, 2012 8:51 pm
Weather Station: Davis VP2 : Instromet
Operating System: Win 10 : Win XP
Location: Berwick-upon-Tweed, England.
Contact:

Re: Request help with formatting

Postby jdc » Thu Feb 02, 2017 8:53 pm

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>

User avatar
steve
Cumulus Author
Posts: 26555
Joined: Mon Jun 02, 2008 6:49 pm
Weather Station: None
Operating System: None
Location: Vienne, France
Contact:

Re: Request help with formatting

Postby steve » Thu Feb 02, 2017 9:06 pm

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%3A%2F%2Fwww.g4glp.co.uk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Steve
-----
Hosting available for Cumulus web sites. See http://sandaysoft.com/forum/viewtopic.php?f=2&t=11876

Please read the posts in the Announcements section about the current status of Cumulus development since I have retired from my day job

Dennisdg
Posts: 124
Joined: Tue Feb 07, 2012 9:42 am
Weather Station: Davis Vantage Vue
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help with formatting

Postby Dennisdg » Fri Feb 03, 2017 4:05 pm

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

Regards
Dennis

http://www.g4glp.co.uk

Davis Vantage VUE
Windows 7 Pro

User avatar
mcrossley
Posts: 5171
Joined: Thu Jan 07, 2010 9:44 pm
Weather Station: Davis VP2
Operating System: Stretch Lite rPi
Location: Wilmslow, Cheshire, UK
Contact:

Re: Request help with formatting

Postby mcrossley » Fri Feb 03, 2017 4:31 pm

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
Posts: 124
Joined: Tue Feb 07, 2012 9:42 am
Weather Station: Davis Vantage Vue
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help with formatting

Postby Dennisdg » Sat Feb 04, 2017 12:55 pm

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
Dennis

http://www.g4glp.co.uk

Davis Vantage VUE
Windows 7 Pro

User avatar
jdc
Posts: 134
Joined: Tue Jun 19, 2012 8:51 pm
Weather Station: Davis VP2 : Instromet
Operating System: Win 10 : Win XP
Location: Berwick-upon-Tweed, England.
Contact:

Re: Request help with formatting

Postby jdc » Sat Feb 04, 2017 2:45 pm

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
Posts: 124
Joined: Tue Feb 07, 2012 9:42 am
Weather Station: Davis Vantage Vue
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help with formatting

Postby Dennisdg » Sun Feb 05, 2017 10:58 am

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.
Dennis

http://www.g4glp.co.uk

Davis Vantage VUE
Windows 7 Pro

BCJKiwi
Posts: 856
Joined: Mon Jul 09, 2012 8:40 pm
Weather Station: Davis VP2 Cabled with Solar
Operating System: Windows 10 Pro
Location: Auckland, New Zealand
Contact:

Re: Request help with formatting

Postby BCJKiwi » Mon Feb 06, 2017 11:35 pm

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
Posts: 124
Joined: Tue Feb 07, 2012 9:42 am
Weather Station: Davis Vantage Vue
Operating System: Win 7 Ultimate
Location: Camberley
Contact:

Re: Request help with formatting

Postby Dennisdg » Tue Feb 07, 2017 7:15 pm

Thanks for the suggestions.
A lot to take in.

Regards
Dennis

http://www.g4glp.co.uk

Davis Vantage VUE
Windows 7 Pro


Return to “Web site - General”

Who is online

Users browsing this forum: No registered users and 3 guests