Homepage Message edit box is changing code
3 posters
Page 1 of 1
Homepage Message edit box is changing code
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/
Re: Homepage Message edit box is changing code
The code that does not work properly, try using in the CSS the below code. It should make it visible.
I think this code "widgetleft" if you add the code "overflow:visible" it will fix it. Check it out
I think this code "widgetleft" if you add the code "overflow:visible" it will fix it. Check it out
- Code:
.widgetleft {
position: fixed;
top: 20px;
left: 0px;
width: 15;
height: 100%;
overflow:visible;
}
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Homepage Message edit box is changing code
Did you add it to the CSS or did you search to find it and you replaced it?
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Homepage Message edit box is changing code
I searched first, but didn't find anything. Then I added it.
Re: Homepage Message edit box is changing code
Is your forum the one provided on your profile? If yes, as a guest i can see it work perfectly.
Maybe is a cookie and cashe problem.
Maybe is a cookie and cashe problem.
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Homepage Message edit box is changing code
Yes, this is the forum with the problem:
http://squarefoot.creatingforum.com/
It's working properly because I only clicked the Save button once.
All I have to do to screw it up is hit the Save button again.
If I right click to look at the source code, it is
<td class="widgetleft" width="15"><div class="mainwidgetleft">
If I go into the AP and look at the Homepage Message code, it is:
<td style="width: 15px;" class="widgetleft">
<div class="mainwidgetleft">
http://squarefoot.creatingforum.com/
It's working properly because I only clicked the Save button once.
All I have to do to screw it up is hit the Save button again.
If I right click to look at the source code, it is
<td class="widgetleft" width="15"><div class="mainwidgetleft">
If I go into the AP and look at the Homepage Message code, it is:
<td style="width: 15px;" class="widgetleft">
<div class="mainwidgetleft">
Re: Homepage Message edit box is changing code
Yes both of the codes you send are the same. its just the one is separated and are not in the same code.. Both codes do the exact same thing..
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Homepage Message edit box is changing code
Have you tried adding the code again and saving it once?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Homepage Message edit box is changing code
That's how I've been doing it for several months. But every time I make some changes elsewhere in the Homepage Message code, I have to copy/paste this code again. I don't know how much longer I'll be admin, and I don't want to leave something like this for the next admin to deal with.SLGray wrote:Have you tried adding the code again and saving it once?
Re: Homepage Message edit box is changing code
Are you using WYSIWYG mode?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Homepage Message edit box is changing code
I've narrowed it down farther. The editor changes <td width="15" to <td style=width: 15px;
That's what's causing the problem. I eliminated width altogether, and the slider works properly now.
Problem solved.
That's what's causing the problem. I eliminated width altogether, and the slider works properly now.
Problem solved.
Re: Homepage Message edit box is changing code
Topic Solved & Archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Can't Edit Homepage Message Content
» BBcode getting mosty deleted when I preview; Code changing itself upon pressing Edit
» Changing the homepage title
» When I edited a message with a code "code" it adds a space
» Homepage message
» BBcode getting mosty deleted when I preview; Code changing itself upon pressing Edit
» Changing the homepage title
» When I edited a message with a code "code" it adds a space
» Homepage message
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum