HTML Template Help

[chargedbird]

Hello all,
I don’t know if this is the correct room to post this question. Admin's please move to correct location if needed..

Here is my question,
This question has to with HTML programming/code. When I upload my index.html which was created from wx.htx the gauge page or is called the gauge table is where I am having problems. If you go to www.santeewx.com you will see the gauges are not organized. How can I lock those gauges to a specific location? I looked at the template (using Dreamweaver) and it just references to gauges. I would like to put a gauge in a specific location on the page and I have no idea how to do that and the same with the wind speed info. Any information will be greatly appreciated or even a sample page would be great so I look at the source code, but I need a good template. Any information will be greatly appreciated.

Cheers
Brad

[mackbig]

The purpose of the gauge tag is so that each time you play with your desktop you dont need to re-tag the html.   However if you want to hard code, you can do this, but keep in mind if you add another graph/dial/whatever on your desktop it will not automatically show on your page.

What you should do is this.   Get all the gauges you want on your page in the VWS desktop.  Have the htx file create an html file.
Then go in an look at what was include for gauges.

should look like this

Code:

<font color="#FFFFFF" face="Arial"><img src="broadcast.jpg"> <img src="vws005.jpg"> <img src="vws007.jpg"> <img src="vws012.jpg"> <img src="vws013.jpg"> <img src="vws022.jpg"> <img src="vws153.jpg"> <img src="vws161.jpg"> <img src="vws907.jpg"> <img src="vws908.jpg"> <img src="vws917.jpg"> <img src="vws1006.jpg"> <img src="vws1007.jpg"> </font>

Then put that into your HTX file in place of

Code:

    <font color="#FFFFFF" face="Arial">^all_gauges^</font>
 

Then open in Dreamweaver (as that is what you said you were using), and move the images around

Then save, and now you would have an HTX file that created your HTML with the gauges exactly where you like.  Just remember if you add a new dial/gauge in the future to the VWS desktop it will not be on this page till you add that ref to the htx file.

Andrew

[chargedbird]

Andrew,
Thanks for the info, I understand what your saying and I like your idea. Thanks again

Brad

[Anthony]

When you want to make changes to your web page(s). You want to always edit the htx file that is assiciated with that partucular hrml page. It's the htx files that vws converts to html pages. So if you do edit an html page. VWS simply over writes it with the old data that is still in the htx file.

[mackbig]

That is what we were talking about.  Andrew

When you want to make changes to your web page(s). You want to always edit the htx file that is assiciated with that partucular hrml page. It's the htx files that vws converts to html pages. So if you do edit an html page. VWS simply over writes it with the old data that is still in the htx file.

[chargedbird]

Before I start editing these files. When the *.htx file has this code <font color="#FFFFFF" face="Arial">^all_gauges^</font>the web page will have all the gagues I have selected, however how does it know where to place them on my page, I arrange my VWS Desktop on how I would like to gagues to appear, however the gagues are like put on my page in random locations they are not in the same location as my VWS desktop page, I 'm just wondering how the programming/code know where to put these gagues? Thanks again

Brad
/color]

[Anthony]

You VWS desktop has nothing to do whith how the guages apear on your web site. Two completely different things. Get your self a nice web page editor and use that to open the htx files and arrange the graphs and guages the way you want them. There are many fee basic web pages editors available on the internet.

[mackbig]

Brad,
Its not easy doing what you are trying to do.  But follow the instructions I gave earlier.  That will show you which gauges you need to "place"   As for moving them after you know the names, that is the hard part.  It will probably take some trial and error in dreamweaver.   Not sure its worth it really, but if you really want your "wind speed info" in a certain place on the page, that is how you will have to do it.

I know Lars helped someone else clean up their wx view of gauges a few month ago.

Andrew

[stevebrtx]

I'm not familiar with Dreamweaver, I'm still using FrontPage, but I lock everything into tables roughly 800 pix wide. A dynamic display will move depending on the viewers browser etc. I want the format you see and that's one way to get it. http://chapalaweather.net/

[Anthony]

Dreamweaver is a very nice web page editor so I hear. I've also heard it's not the easiest to lear to use either. I use Front Page from MS. As I said earler. There are some free ones out there that are good also. I don't think Dreamweaver would be a good editor for some one who has never attempted tp create or edit a web page/site.

[mackbig]

Steve, I see you finished Canadianizing your gauges and key numbers....nice.   Has that quieted the masses?

Andrew

I'm not familiar with Dreamweaver, I'm still using FrontPage, but I lock everything into tables roughly 800 pix wide. A dynamic display will move depending on the viewers browser etc. I want the format you see and that's one way to get it. http://chapalaweather.net/

[stevebrtx]

Ha, yes, they seem somewhat pacified for the moment. However, I'm a bit frazzled, we had a big storm last Weds and it fried my main pressure water pump and the antenna for my wireless DSL, so I was on dialup until yesterday. And Sat when I went to put new batteries in everything the rain gauge died and so I struggled for endless hours trying to reset the .bin files etc.

Being in MX you really can't trust anything to be shipped in, so in a few weeks someone will bring down a new gauge from TX, so until then it's manual updates which are always a panic and we're just now entering our rainy season. Here we have two seasons, dusty (for 8 months, no rain) and muddy (4 months, rain).

[chargedbird]

Afternoon all,
Quick and easy question. The HTML templates have the *.htx extension and would like to know if I can use the *.dwt extension? I will remember that I must select the correct template file under HTML settings, just would like to know if VWS looks for the *.htx templates or is there is something special about the *.htx file

Thanks in Advance
Brad

[mackbig]

I dont think the htx extension really means anything, probably just an idea to recall which is a template and which is final htm (which definitely does not need to be htm, as I used php, txt, or "other" on the output side).  The program is pointed at the file using the setup screens, so you could probably call it anything you want txt, dwt, even htm, as long as the output side has a different extension so it does not overwrite itself.

Andrew

[Axelvold]

Brad, take a look at my page http://www.axelvold.net.

I have done exactly what i think you also want to do, select the gauge or graph link in the menu

//Lars

[chargedbird]

Lars,
Yes you are correct, that is exactly what I want to do. I need to stuy your source code.
Thanks
Brad

[Axelvold]

Lars,
Yes you are correct, that is exactly what I want to do. I need to stuy your source code.
Thanks
Brad

Check your email, i have just sent you those files.

fell free to use them and change in them how you want

//Lars

[dsscheibe]

  I have a problem with my page that is driving me nuts, I've tried all kinds of stuff to fix it and this is the best I can get it and I don't understand why.  I'm fairly good at HTML, so so at CSS.  The right column with the records, forecast, astronomical, links stuff hangs down below the other two columns with a lot of blank space.  I can't see any reason it does this.  It SHOULD be even with the bottom of the center column of the gauges which in theory should be the longest column..  It is a mess of tables with in tables (but it is all valid), there is one table that sets up the three columns and other tables with in those TD tags to set up the format for the data.  It does the same thing in both FireFox and IE 7 though IE renders the CSS attributes of the page completely differently than FireFox does.

http://members.cox.net/dsscheibe/vws/

[Axelvold]

Hi Scott

I can't see anything strange with your page, the 3 columns all have the same length in my browsers (IE8, FF3.0.1 and opera)

What screen resolution do you have?

[dsscheibe]

Hi Scott

I can't see anything strange with your page, the 3 columns all have the same length in my browsers (IE8, FF3.0.1 and opera)

What screen resolution do you have?

I'm running at 1280x960  the page changes width with the resolution because we have a old system at work that is like 800x600 and it took me a while to get it to display with out scrolling side ways in most resolutions.

[Axelvold]

I dont know if this should be like this?

Code:

<tr>
<th width="34%" colspan="2" align="center" valign="middle"   bgcolor="#c0c0c0">
Today's Records
<!-- **********  color="#FF0033"  ********** -->
</th>
</tr>

should it not be td instead of th

[Axelvold]

One more thing, there is no height specified on the right column

[dsscheibe]

I dont know if this should be like this?

Code:

<tr>
<th width="34%" colspan="2" align="center" valign="middle"   bgcolor="#c0c0c0">
Today's Records
<!-- **********  color="#FF0033"  ********** -->
</th>
</tr>

should it not be td instead of th

th is table header and works the same as td table data, though in my style sheet TH is a larger bolder font than TD is.  It is valid HTML in 4.0 and 5.0, maybe 3.0 as well I'm not sure when it was instituted.  All the th have a slightly darker background, have a bolder border around them as well.  Pretty sure they aren't causing the problem.

[dsscheibe]

One more thing, there is no height specified on the right column

 I have tried that, it doesn't seem to make a difference at all.  The problem is the height changes as you narrow the width of the page, the table contracts and the text starts to wrap instead of being on one line to compensate.