HTML - Downloading Of Images Causes Page To Scroll
Please follow this link and observe how the page scrolls up after you have been taken there. It scrolls up because, unless you've been here before and have all the images stored on your computer, the images are continually downloaded and they expand the height of the page causing it to expand down and causing your browser to scroll up. Incidentally, the point at which you were supposed to be linked to ends up further down the page.
Is there a way of preventing this? Is there a way of getting the browser to stick to the original point on the page where you were linked to? Similar TutorialsI'm trying to setup download links on my page. For exsample I have a file on my web server and I want a link that I can click on and it will bring up a download window. Can anyone PLEASE HELP! I'm trying to modify the code from php fusions forum, the problem is that when users post images (using the [img] tag) and the image is big, the page layout moves to accomodate the large image, this is of course not really any good. So. I'm attempting to make large images (Bigger than 360x600) have scroll bars, so they don't damage the page layout. I've managed to get this code working, after alot of beating it around. The problem is, is that in IE an image that is smaller than 360x600 still takes up 360x600 on the page, this is of course bad. Code: <div style="max-width: 360px; width: auto !important; width: 360px; max-height: 600px; height: auto !important; height: 600px; overflow: auto;"><img src="imgurl" /></div> So, if anyone can figure out how to make this not take up 360x600 with images that are not that large, it'd be great. You can see an example of the problem by viewing this page in firefox, and IE. Firefox displays the page correctly. Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> Can someone help me figure out why you cant scroll up or down to view the rest of this web page I'm making? Thank you. http://carsonvalleypowerwash.com New poster here! Recently been creating a website using HTML & CSS from scratch using Notepad++. I was under the impression that the more flat, or spread out the design, browsers would squish it automatically to fit on the page. Apparently this is not the case. I current have a page where the main content starts 250 pixels from the left hand side of the screen, this causes some of the content disappear of the right hand side of on lower resolution screens. Should I be starting the content at the far left, or is there another web page design convention I should be following? I assume there is a way around this however I can't seem to find it! Any help would be greatly appreciated. These forums are a wealth of knowledge! Hi, I am very new to HTML and our webdesigners have run off without completing the job properly so I am trying to do it myself. The problem is with the "News" page of the site which is a tumblr page configured to look like the rest of the site. Rather than come on here and list all the problems with it I thought I'd tackle one at a time. The first thing I am trying to achieve is making the area in which posts are not submitted (the header, and the left and right) scroll down with you. So as you scroll down through the posts you can still see the links at the top of the page and on the sides. Is this possible? Here is the page I am talking about: http://secret-store.tumblr.com/ Thanks for any help guys. Hi All , In my page, it has two div, one on the left side to do navigation stuff and the right one to display contents of page. How can I create a scroll bar just on the right div so that when it scroll, the div on the left side wont move. REgards I'm ultra new to html and I made a super basic navigation bar for my page, the problem is when the browser is made small side-to-side, instead of adding a scroller at the bottom and keeping the links in line, it just smashes them up and starts moving them below each other. How do I change that ? Here is a link to the page I'm talking about so you can see it. http://www.neonloveco.com/home Thanks everyone how do you make an inline fame that does not have scroll bars but resizes the parent page to allow the whole child page to fit in the parent Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J Can someone post the code I would use to have a hyperlink on our webpage that would give visitors the option to view or download a pdf? Thanks! Hi, I'm putting up a store that sells downloadable content and am having trouble with the download procedure in the osCommerce system. Under Linux it works great but the host I am using uses Microsoft Server and after about 10 mb or 4 minutes time it runs out of resources and reports the download is complete when it is not. Now I'm looking for an alternative method to download the file without the buyer being able to see the exact URL for the file. If he could see that he would have the opportunity to pass it on to his friends. If dishonest he could just as easily email the file to all his friends but I digress. Using the store's download procedure I can only get 46kps where as I can get in excess of 200kps by entering the URL to the file in the address box at the top of the browser. Ok now I have procedures that will check to make sure the person is logged in and he has downloads available to the file before the procedure will continue so what I need to know is there a way to after the checks are run just do the equivelant of entering the URL at the top of the box without actually allowing the user to see the URL to the file? The store uses PHP to do this and under Linux is extremely fast, but under MS server is slower than crap and never completes. I thank you for reading this, I probably gave more information than was needed, but I would rather err on the side of too much than too little. Bob Hi, I want visitors to be able to download files (.mp3) from my web site . I've looked through some of the posts on this and some seem to say just use something like: <a href="http://yourdownloadfile.mp3">Download This</a> others mention php. What is the best to use? Do I need php? Thanks Hi, What are the possible locations inside a webpage for images? I know images can be directly inside the html tags, but where else there? Can I have images inside a table? If, then does it have to be inside a row? If, then does it have to be inside a cell? Can images be somewhere else? Is this kind of structure totally ok? Code: <html> <img /> <table> <img /> <tr> <img /> <td> <img /> </td> </tr> </table> </html> Generally when you click a link to e. g. JPEG image, it is open in browser window. When you click a link to a ZIP file, it is downloaded. Is there a possibility to force a browser downloading e. g. a JPEG image? Hai I am displaying a list of mp3 files in a html file. I want to provide download option for the mp3 files from the html file. Now i am converting mp3 files to a zip file and then downloading it as below <a href="song.zip"> Download file</a> But i want to download it as an mp3 file itself. please any body guide me to download the mp3 file from the html file. Thanks Sakthi I am setting up a website to print free birthday cards. However I am not at all experienced in html. Basically I want the customers to print the cards without downloading the image. I thought I could do this perhaps by loading what I want printed in an iframe (???) The actual page will have the image with a watermark on it, and a printing link that prints the card without the watermark |