Topic: Making Columns

[yamiacaveman]

I'm not sure if I'm in the right place, but -- I am looking for an EASY way to make columns in my ski report weather page.

http://www.pennlake.us/wxskireport.php

I used the wxnewpage and just added the code that was generated. Anyway I think I can fit two across but all I can seem to find is code that is way beyond me.  Any suggestions for a simple solution?

Thanks,

yamiacaveman 

[Dr Obbins]

Use Tables
Replace this:

Code: [Select]

<p><div class="ots-widget"><iframe id="o58343" width="220" height="324" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=44&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/big-boulder/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58490" width="220" height="345" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=62&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/blue-mountain-ski-area/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58400" width="220" height="345" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=97&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/camelback-mountain-resort/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58579" width="220" height="345" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=145&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/elk-mountain-ski-resort/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58279" width="220" height="324" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=190&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/jack-frost/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58141" width="220" height="345" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=246&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/sno-mountain/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p></div>
<div class="ots-widget"><iframe id="o58536" width="220" height="345" border="0" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=356&color=b#pennlake.us"></iframe><p><a href="http://www.onthesnow.com/pennsylvania/shawnee-mountain-ski-area/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</div>
With this:

Code: [Select]

<div class="ots-widget" align="center">
<table width="90%">
<tr>
<td><iframe id="o58343" width="220" height="324" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=44&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/big-boulder/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
<td><iframe id="o58490" width="220" height="345" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=62&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/blue-mountain-ski-area/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
</tr>
<tr>
<td><iframe id="o58400" width="220" height="345" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=97&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/camelback-mountain-resort/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
<td><iframe id="o58579" width="220" height="345" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=145&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/elk-mountain-ski-resort/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
</tr>
<tr>
<td><iframe id="o58279" width="220" height="324" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=190&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/jack-frost/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
<td><iframe id="o58141" width="220" height="345" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=246&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/sno-mountain/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
</tr>
<tr>
<td><iframe id="o58536" width="220" height="345" frameborder="0" scrolling="no" src="http://www.onthesnow.com/widget/snow?resort=356&amp;color=b#pennlake.us"></iframe>
<p><a href="http://www.onthesnow.com/pennsylvania/shawnee-mountain-ski-area/skireport.html" target="_blank">Powered by OnTheSnow.com</a></p>
</td>
<td></td>
</tr>
</table>
</div>

[mikeym2m]

Frank - great idea! I "borrowed" your idea and added it to my site, but not to the menu yet. Thanks   

http://mikeymsweather.com/wxskireport.php

Thanks Dr Obbins, your code worked GREAT!   

Cheers

 

MikeyM

[W3DRM]

yamiacaveman,

Where can one find the resort #'s used in the code? I see what you have done but am looking for a cross-reference that tells me the many resort #'s for a given area. Would like to adapt this for my area here in Lake Tahoe and northern Nevada but trying to find the id's for each resort is pretty time-consuming. Perhaps they are listed somewhere and I just haven't found them yet.

Thanks for the help!

[mikeym2m]

The link should help you. If you click on each resort it will give you the code.

http://www.onthesnow.com/lake-tahoe/skireport.html

Good luck

Cheers

 

MikeyM

[W3DRM]

Got it - THANKS!

Took a while to get the code for all of the resorts around here but worth the effort in the long run...

Here is what mine looks like (I added the Lake Tahoe Area report along with the individual reports for each resort in the area).

• http://www.carsonvalleyweather.com/wxskireports.php

And, it's perfect timing as we are now getting a new batch of snow in the SIERRA... 

[mikeym2m]

Looks good. Glad it worked out for you. Thanks for Frank for getting us thinking about this nice addition.

Cheers

 

MikeyM

[W3DRM]

Looks good. Glad it worked out for you. Thanks for Frank for getting us thinking about this nice addition.

Cheers

 

MikeyM

How did you add the "new" icon to the Local Ski Reports menu item? I've tried but, so far, haven't been successful. Do you change the flyoutmenu.xml, menubar.php or some other file to get this to work? I've done it before but can't remember how I did it.

[mikeym2m]

I make the changes in the "flyout-menu.xml".

<item caption="Snow Graphs" link="wxsnowgraph.php"/>
  <item caption="Local Ski Reports" link="wxskireport.php" img="/ajax-images/newspin2_e0.gif"/>
  <item caption="Tropical / NHC" link="wxtropics.php" /> 

Hope that helps

MikeyM 

[W3DRM]

I make the changes in the "flyout-menu.xml".

<item caption="Snow Graphs" link="wxsnowgraph.php"/>
  <item caption="Local Ski Reports" link="wxskireport.php" img="/ajax-images/newspin2_e0.gif"/>
  <item caption="Tropical / NHC" link="wxtropics.php" /> 

Hope that helps

MikeyM

Aha! I was using img-src which wasn't working - THANKS for the tip!

[yamiacaveman]

First I must say thanks to DR Obbins Just What I have been looking for!!!!!!!

2nd Glad everyone enjoys it, but it's not mine, I'm just a copy cat, lol.

For my area, I had to use individual places, for some reason when I put all seven of those resorts only 3 would display. so hence the need to display in tables, again thanks Dr Obbins

That same place -On the Snow use to have a better script and if I can dig it up I will put it up and leave a link to it -- the only problem is that it doesn't seem to update.

yamiacaveman

[W3DRM]

Just one more comment on this item. I modified the height for the iframe to be 345. The website generates the code for you but the height they use (649) is way too large for a decent looking table of sites referenced. I selected a width of 220.

[yamiacaveman]

This is the script that I use to use - I think up until last year. This year it does not seem to be working>.

http://www.pennlake.us/ski%20report.php

Anyway -- if you go to the Gear in the upper right, click on it, then look at the embed - I believe that is the code that is running in the page.

Maybe I'm missing something but it doesn't seem to work, maybe the Southern Hemisphere(?)


yamiacaveman