HTML - Stop From Jumping To Top Of Page?
Is there anyway to stop the page 'jumping to the top' when using a link like the below?
<a href="#">karthi</a> .. I just want it to stay in the same position on the page & not jump to the top of the page every time a link like that is clicked. Similar TutorialsHey all! I'm just starting to work on a site and already it's giving me a hard time. It's not much at the moment, but here's where I'm at http://comgardens.com/wandl/index.html If you hit the refresh button a couple of times you'll see that the content jumps, at least in Firefox, and I can't figure out why. Anyone have any ideas? Thanks!! For the life of me I can't seem to figure out why this page jump isn't working. http://www.thegoheens.com/resources/test.html Any help is greatly appreciated. Thanks! Hello people my search field keeps jumping around on my shopping cart page. I have "HTML tidied" and I know I have errors...but I use shopify which uses liquid code along with HTML so the tidy is reading alot of errors produced by my liquid aswell as my own BUT would anyone know what would be the specific problem with the search form that just keeps moving around... oh yea it works fine on every other page except me shopping cart page...wtf... Any help or suggestions are appreciated, and thanks before hand. Here is the LINK >>http://www.chicityswag.com/cart password : whome Ok, I've tried everything I can think of, and I'm still getting a 'jumping header':\ The header is jumping from the Homepage, to the SubPages. When navigating to other Subpages, everything is fine; So, the problem is with the Homepage. http://www.khaus.com/sites/Asongo/html/ (click on About Us, then back to Home, and you'll see the 'jump') It must be in the code of the Homepage, so I've tried: - attaching the javascript - all the code for the top parts of the page are the same - rebuilding the page, with one of the interior pages format. Any help or suggestions, would be greatly appreciated. Thank you Reply With Quote I have an iframe in the middle of a page. I am trying to display another page within the iframe, but to start it a couple of paragraphs down, not at the top. So I have put an anchor into my iframe src, corresponding to an anchor name tag in my other page. The iframe scrolls itself ok, but the main body of the page also scrolls so that the top of the iframe is at the top of the screen, which is not what I intended. Is there a way to scroll just the iframe, with the top of the main page still at the top of the screen? <html> <body> <table> <tr> <td> table1 etc ... <table> <tr> <td> table2 etc ... <table> <tr> <td> <iframe src="another.html#marker"> </iframe> etc thanks i'm using 6 iframes in a page my page has scrolling whlie i click a link on top most iframe the page has been slide down the scroll bar comes to middle plz help me I have a quirky problem, and it exists with many of my sites. It involves Firefox browser, as well as Chrome. Here are the conditions of the website pages that have problems: 1. Page is fixed width, centered in the browser 2. Google AdSense is present on the page 3. Browser is either Firefox or Chrome. Internet Explorer doesn't present any problems. When the page with the above conditions is loaded, the page shows up at the RIGHT of the browser, then shifts to it's proper location in the center of the browser. This occurs every time a page with adsense is loaded, and can be irritating going page to page. An example for my site is he AdSense Page Shift Test Please use Firefox browser, maximized on a monitor with a greater width than 1024. There are five working tabs with examples, four of them have adsense on them. The one without adsense does NOT jump, and I'd like all the pages to emulate it. I"d appreciate any direction to solving the problem. Firefox and Chrome are rapidly increasing in popularity, and I'd like to solve this rather quirky problem. I have this widget that a friend made for me. It allows the user to select the colors on the bracket bands on a picture of a mouth full of braces. If you grab a color and click on individual teeth - no problem. If you click on one of the buttons that colors all, top only, bottom only, odd only, even only, etc. When the button is clicked the page resets to the top. Play with it and you'll see what I mean. http://www.ellisorthodontics.com/brace-painter.php Any idea how I can make this not reset? The widget is html - it is on a php page. any help would be appreciated. I have a page that has links that are embedded into SWF games and the like. Is there any way to stop the DOCUMENT from allowing navigation off of the current html page. What I want to do is not allow any navigation to any other page once I am on a certain html document. thanks greg Hi trying to throw down a couple of buttons along a line, but for some reason my second button gets put down to a second line instead of going right beside the first one. I changed over the <div> tags in the recommended button code to <span> in an attempt to stop the line break, but it persisted. Here is the url for test page: http://yournukes.com/PictureFlow4/test.html And specifically here is the code using for the buttons (I know they are style and there is a css section, but I believe this is an html/semantic question): <style> #rollover a { background: url(http://www.yournukes.com/tester1.gif) 0 0 no-repeat; padding-left: 20px; padding-top: 10px; width: 130px; height: 24px; vertical-align: middle; font-size: 14px; color: #000000; display: block; text-decoration: none; } #rollover a:hover { background-position: -150px 0; color: #FFFFFF; } </style><span id="rollover"><a href="#"></a></span><style> #rollover1 a { background: url(http://www.yournukes.com/parks.gif) 0 0 no-repeat; padding-left: 20px; padding-top: 10px; width: 130px; height: 24px; vertical-align: middle; font-size: 14px; color: #000000; display: block; text-decoration: none; } #rollover1 a:hover { background-position: -150px 0; color: #FFFFFF; }</style> <span id="rollover1"><a href="#"></a></span> ...BUT it might make more sense to view the code on the page to see it in context... Thanks so much... I have a way of complicating simple questions... I know this is kind of an obvious question for all you guru's, but how do you stop your web page from shifting when you change the size of the window? So everytime I add a picture or text my website page gets "longer". I then move the text or picture with the "div" tag so I can position it where I like. But the webpage is still the same length as it was before I moved the object. So How can I stop the page from getting longer everytime I add text or picture to it? Thanks Hi, I am using the following code to jump to a specific line of text when a link is clicked: <a href="#link_name">Click here</a> <a name="link_name">Jump to here</a> My question is this, is it possible to link to a specific line or piece of text on another page, as the above example only works on the same page. Thanks in advance, Rob. I have a link: <a href="#"><strong>IMPACT Study </strong> </a> I with the # it always want to jump to top of page. I know there is code that will prevent this, but i forgot what it is? Any help? thank, mac I've been running an ad on my site using the Google Double Click program since March with no problems. Suddenly this week, despite not even logging into Doubleclick or making any changes to the code on any of my pages, one of my larger ads is jumping outside of the space allotted for it and into my text. To make it even stranger, it will only do this periodically. IOW, sometimes the ads are being served correctly, but sometimes they get messed up. You can see this happening on this page: http://www.raw-food-health.net/NaturalCures.html Continue to hit refresh as my ads cycle until my large green/yellow square ad to the top left of the center column for "The Raw Food Lifestyle Ebook," appears. Keep hitting refresh over and over again. It might take a dozen times or more. I've seen this happen in firefox and Safari. I've cleared my cache. You'll see that sometimes it appears within its normal area, but sometimes it "jumps" out and partially covers the text to the right of it. Since I haven't done anything to my site or my doubleclick settings , I don't know what to make of this. I've already sought help on the Doubleclick forum, but the consensus there seems tobe that it is not a DC issue, but an HTML issue. You can see lengthy discussion about it here. Let me know if there are any other questions. Any help you could give me would be greatly appreciated. Thanks, Andrew hi.. i jst noticed tht in a website its flash or its css background can be grabbed very easily. can any one suggest how to stop the grabbing of css and flas like grabbing is not possible in www.leoburnett.com so whts the technology behind tht website thanku ankit gupta I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> I am using the body onload to open a new window but is it possible to check if the window is already open and if so to not refresh it as I am using it as a music player and hitting the home link starts it off again. Any suggestions and if so as much detail as possible would be greatly appreciated :-) Thanks, root. i have a page with code below HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script> <title>Untitled Document</title> </head> <body> <img src="http://www.sf4stu.com/attachments/month_0804/20080412_7374481915abcecb4439HQ4ovRdyjWnf.gif" /> </body> </html> when i test locally, i saw there is a information bar right on my IE browser how could i stop the information bar? since i trust my code is save~ Hey, I'm buidling a series of webpages and I still don't know what the code is to stop right clicking. Even better, I'd like the person to be redirected to a particular page . Any clues on how to do this? |