I've had a left slider on my homepage for several years, and it has worked fine. It quit working properly sometime in the last 6 months.
Here is the slider working properly, if I only click the Homepage Message editor Save button once:
http://stripes.nstars.org/h23-slider-testing-working
Here is the slider working improperly, after I click the editor Save button twice:
http://stripes.nstars.org/h24-slider-testing-not-working
This is the line of code that is being changed, and is causing the problem (it's about 12 lines down from the top). This is the code that works:
<td class="widgetleft" width="15"><div class="mainwidgetleft">
This is what the editor changes the code to, and is what keeps the slider from sliding all the way out:
<td style="width: 15px;" class="widgetleft">
<div class="mainwidgetleft">
Any suggestions?
Thanks
http://squarefoot.creatingforum.com/
Here is the slider working properly, if I only click the Homepage Message editor Save button once:
http://stripes.nstars.org/h23-slider-testing-working
Here is the slider working improperly, after I click the editor Save button twice:
http://stripes.nstars.org/h24-slider-testing-not-working
- Here is the code that works:
- Code:
<!-- LEFT EDGE NAV -->
<style>
.widgetleft {position: fixed; top: 20px; left: 0px; width: 15; height: 100%; overflow-y: auto;}
.widgetleft .mainwidgetleft {display: none;}
.widgetleft:hover .mainwidgetleft {display: block;}
.widgetleft:hover {padding-left: 10px; padding-right: 20px; width: 200px; padding-top:5px}
.widgetleft {background: transparent url('http://i45.servimg.com/u/f45/16/65/12/98/compos11.png ') top right repeat-y; min-width: 15px;}
.widgetleft:hover {background: #f7e5a3 url('http://i45.servimg.com/u/f45/16/65/12/98/yellow10.png') top right repeat-y;}
</style>
<table cellpadding="5" cellspacing="0" width="auto">
<tr>
<td class="widgetleft" width="15"><div class="mainwidgetleft">
<table cellpadding=5>
<tr><td bgcolor=#76a023 border=1 style="border-top: 1px solid #e1cc89; border-bottom: 4px solid #45341f; border-right: 4px solid #45341f; margin: 5px; text-indent: 23px;"><BR><center>
<i><font color="white" size=2><strong>Our Forum Administrator considers these threads to be essential reading:</strong></font></i></center><hr/><hr/></td></tr>
<tr><td><BR>
<A HREF="http://squarefoot.creatingforum.com/t7452-mel-s-mix-how-strong-is-your-backbone">1. Mel's Mix is the Heart and Soul of SFG</a></td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t7023-mel-s-mix-pyramid">2. How many composts do you need? 5! Here is why...</a> </td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t872-what-is-a-region-for-with-map">3. What is a region? (includes a map and links to help you find yours!)</a> </td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t41-table-tops-take-sfg-to-a-higher-level">4. Table Top SFG's</a> </td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t997-wiggler-hilton">5. Wiggler Hilton: A DIY way to Black Gold</a> </td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t1603-worm-tube-for-the-sfg">6. Worm Tubes: Another DIY way to Black Gold</a> </td></tr>
<tr><td>
</td></tr>
<tr><td>
<a href="http://squarefoot.creatingforum.com/t13949-friday-rookie-topics-2012">7. Rookie Topics: A closer look at some items you might want to plant in your SFG!</a></td></tr>
<tr><td>
</td></tr>
<tr><td align=center>
<A HREF="http://www.squarefootgardening.com/products/ALL-NEW-Square-Foot-Gardening-Book.html">The difference between success and disappointment:<br><STRONG><FONT COLOR=RED> READ THIS BOOK!</FONT></STRONG><img src="http://i45.servimg.com/u/f45/16/65/12/98/858a10.png"/></a></td></tr>
</span>
</table>
</td></tr></table>
<!-- END LEFT EDGE NAVIGATION -->
- Here is the code that the editor creates when I click Save two times:
- Code:
<!-- LEFT EDGE NAV --><style>
.widgetleft {position: fixed; top: 20px; left: 0px; width: 15; height: 100%; overflow-y: auto;}
.widgetleft .mainwidgetleft {display: none;}
.widgetleft:hover .mainwidgetleft {display: block;}
.widgetleft:hover {padding-left: 10px; padding-right: 20px; width: 200px; padding-top:5px}
.widgetleft {background: transparent url('http://i45.servimg.com/u/f45/16/65/12/98/compos11.png ') top right repeat-y; min-width: 15px;}
.widgetleft:hover {background: #f7e5a3 url('http://i45.servimg.com/u/f45/16/65/12/98/yellow10.png') top right repeat-y;}
</style>
<table style="width: auto;" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td style="width: 15px;" class="widgetleft">
<div class="mainwidgetleft">
<table cellpadding="5">
<tbody>
<tr>
<td border="1" style="border-top: 1px solid #e1cc89; border-bottom: 4px solid #45341f; border-right: 4px solid #45341f; margin: 5px; text-indent: 23px;" bgcolor="#76a023">
<br />
<center>
<em><span style="color: white; font-size: 13px;"><strong>Our Forum Administrator considers these threads to be essential reading:</strong></span></em>
</center>
<hr />
<hr />
</td>
</tr>
<tr>
<td>
<br /><a href="http://squarefoot.creatingforum.com/t7452-mel-s-mix-how-strong-is-your-backbone">1. Mel's Mix is the Heart and Soul of SFG</a>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<!-- END LEFT EDGE NAVIGATION -->
This is the line of code that is being changed, and is causing the problem (it's about 12 lines down from the top). This is the code that works:
<td class="widgetleft" width="15"><div class="mainwidgetleft">
This is what the editor changes the code to, and is what keeps the slider from sliding all the way out:
<td style="width: 15px;" class="widgetleft">
<div class="mainwidgetleft">
Any suggestions?
Thanks
http://squarefoot.creatingforum.com/