Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

How to make HTML Code for "Back to Top" work in Firefox


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 14, 2010, 10:46 PM
New WordPress Fan
 
137 posts · Jul 2010
In IE, the following code placed at the bottom of a page (without more) works perfectly to take you back to the very top of the page:

<a href="#top">Back to Top...</a>

However, this does not work in Firefox. In Firefox, the bottom link works only when the following is added somewhere near the top of the page:

<a name="top"></a>

The bottom link then takes you back only up to the exact level on the page where the "<a name="top"></a>" code appears; not to the very top of the page. (This is the same for either Firefox or IE).

How could I get the "<a name="top"></a>" code up into the logo area of the header (rather than just at the top of the center column of text)? Or, is there another way to get just the bottom code to work in Firefox (without the top code) to take you to the very top of the page, as it does in IE?

Many thanks!

Using WordPress 3.0.1, Atahualpa 3.5.1
  #2  
Old Sep 15, 2010, 01:06 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
There are several "go to top" and "scroll to top" plugins at wordpress.org. I would try one of those. I just tested the Dynamic To Top plugin and it worked fine.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 18, 2010, 01:58 PM
New WordPress Fan
 
137 posts · Jul 2010
Thank you very much, Larry.

I also discovered an easy way to do this without using another plugin:

Just go to Atahualpa Theme Options>HTML/ CSS Inserts>HTML Inserts: Header,

and add the following code:

<a name="Top"></a>

Then the following code placed in a Widget Area below the loop, on each page:

<a href="#Top"> Back to Topů </a>

automatically takes you to the top on every page. This now works both in Firefox and IE.
  #4  
Old Sep 18, 2010, 02:08 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
Thanks for that tip... I will put that in my quiver.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Sep 18, 2010, 02:14 PM
lmilesw's Avatar
lmilesw
 
10,099 posts · Jul 2009
Central New York State USA
Also I'm not sure if you meant to say a widget area below the loop but all you have to do is add <a href="#Top"> Back to Topů </a> to the top of the Below the Loop box. You don't need to add a new widget area.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
3.4.9 set the "HTML/CSS Inserts" back to wider editor darmanpurba@gmail.com New Versions, & Updating 3 May 16, 2010 04:26 AM
400 Bad Request on saving "Add HTML/CSS inserts" mptorr Header configuration & styling 10 May 15, 2010 09:30 AM
"lost" the atahualpa login/register widget. can I get it back easy? manyleaves Sidebars & Widgets 3 Jan 17, 2010 08:40 AM
Executing PHP Code in "HTML Inserts Header" Section twola Forum How-To 1 Sep 30, 2009 04:51 AM
[SOLVED] How should top level &quot;button&quot; work on a menu bar? Shepherd Jim Page & Category Menu Bars 2 Mar 14, 2009 02:30 PM


All times are GMT -6. The time now is 06:36 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.