HTML - Screen Positioning On Page Load
Hey, Don't really know exactly how to pose this question, so i'll try to explain it in several ways, and maybe one of you can help me.
I'm trying to find code, HTML or Java, which would cause the browser to automatically start focused on a different part of the page other than the top (as it normally does when a new page loads). For example, lets say i have an image or text several scrolls down on a page. I want the browser to automatically load the page centered on this. Any ideas on how to do this? Any help would help so much.... i tried to search for it, but i didn't know exactly how to phrase it so i wasn't able to find anything. Thanks again. Similar TutorialsHey everyone, I'm having trouble with this and I have no clue whatsoever how to solve it. My splash page has a css-centered background image which I would like to make it 'look' like a link, v.g. if you click anywhere on the page, the main page loads. I've seen this behavior in some lyrics pages, with a new page opening in a popup when you click anywhere in the screen, but what I need is to make the whole page behave like a giant "A HREF" tag, to load a new page in the same window. Is there anyone out there who can help me with this? Thanks in advance! First let me apologize if this post has been made and/or belongs in another area but I'm not too sure even sure how to ask this. My humble site is set up like such using HTML and CSS: As of right now I have it such that when a navigation link is clicked it loads a whole new page. How can I do this such that only the "main text" area (which sits inside a table) is loaded? I hope that makes sense! Hi All, I have a problem with centering a page to the screen on a new site. The page is 945px wide, and is fine in IE. But in both Firefox and Safari the page is moved to the left of the screen. Does anyone have an idea of what I have done wrong here? Here is a link to the page:- Website 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! When I create a test page using DIV and set it to 480 px wide, my iPod Touch does not have it initially filling the screen; I have to double tap it to have it fill the screen. What step am I missing? Many thanks... Todd Can someone please please view my sit at resconsultingnyc.com, i used microsoft expression web 3 to make everything aligned. When the page is maximized on my computer it is all nice and neat but if the screen is not maximized everything falls out of frame. when I tried it on another computer even their maximized page had things out of frame. How can I make all the tables and content stay nice and neat and keep in tact when the page size changes? All the pages have the same problem...thanks here's the 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=windows-1251" /> <title>Template</title> <meta name="description" content="" /> <meta name="keywords" content="h" /> <link href="styles/main.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="all" style="height: 772px"> <div class="top"> <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="766" HEIGHT="233" id="construction" ALIGN=""> <PARAM NAME=movie VALUE="construction.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="construction.swf" quality=high bgcolor=#FFFFFF WIDTH="766" HEIGHT="233" NAME="construction" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT> </div> <div style="margin:0 0 5px 0 "> <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="766" HEIGHT="60" id="menu" ALIGN="" style="z-index: 1; position: absolute; top: 246px; left: 444px"> <PARAM NAME=movie VALUE="menu.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="menu.swf" quality=high bgcolor=#FFFFFF WIDTH="766" HEIGHT="60" NAME="menu" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED> </OBJECT></div> <table width="740" border="0" cellspacing="0" cellpadding="0" id="cont" style="z-index: 2; width: 740px; height: 370px; position: absolute; top: 310px; left: 456px"> <tr> <td valign="top" width="295"> <div id="left_block" style="width:289px; height:234px; margin:0 0 7px 0 "> <img src="images/tit1.gif" alt="" style="margin:25px 0 15px 29px " /><br /> <p style="margin:0 0 3px 43px; width:162px "> </p> <p style="margin:0 0 3px 43px; width:162px; height: 57px;"> </p> <p style="margin:0 0 5px 43px; width:162px "> </p> </div> <div id="left_block2"> <img src="images/question.gif" alt="" style="margin:28px 0 8px 26px " /><br /> <table width="75" border="0" cellspacing="0" cellpadding="0" style="margin:0 0 4px 36px "> <tr> <td width="36"><img src="images/mail.gif" alt="" /></td> <td>E-mail:</td> </tr> </table> <p style="margin:0 0 0 36px "> resconsultingnyc@gmail.com</p> </div> </td> <td valign="top"> <div id="right_block" style="width:445px; height:201px; background:#F1F1F1 url(images/bgs1.gif) no-repeat 100% 100% "> <img src="images/tit2.gif" alt="" style="margin:25px 0 13px 36px " /><br /> <p style="width:335px; margin:0 0 4px 50px ">Welcome to RES Consulting NYC inc.</p> <p style="width:335px; margin:0 0 15px 50px ">Your company for all of your residential and commercial construction consulting services.</p> </div> <img src="images/tit3.gif" alt="" style="margin:28px 0 23px 31px " /><br /> <table width="388" border="0" cellspacing="0" cellpadding="0" style="margin:0 0 0 33px "> <tr> <td valign="top" width="103"><img src="images/pic1.jpg" alt="" /></td> <td valign="top"> <p>Personal dedication to each and every client</p> <p style="margin:10px 0 0 0 "> </p> </td> </tr> </table> </td> </tr> </table> <div id="footer" style="z-index: 1; position: absolute; top: 693px; left: 473px; bottom: 85px; width: 733px"> <table width="620" border="0" cellspacing="0" cellpadding="0" style="margin:14px 0 0 56px "> <tr> <td width="286" valign="top" style="color:#7D7D7D; "> Copyright © 2009 resconsultingnyc.com <br /> All rights reserved. </td> <td valign="top"> <a href="index.html" class="f_link">Home</a> <a href="index-1.html" class="f_link">Company</a> <a href="index.html" class="f_link">News</a> <a href="index-2.html" class="f_link">Projects</a> <a href="index-3.html" class="f_link">Services</a> <a href="index-4.html" class="f_link">Solutions</a> <a href="index-5.html" class="f_link">Contacts</a> </td> </tr> </table> </div> </div> </body> </html> Hello, This is an unusual one, but I have converted two Excel files into HTML files, and I also have a HTML page with some information on. I have a live of code which controls the auto refresh of each page. Is there any way that I can set this so that when the page refreshes, it loads a different page. The pages are part of a display screen that will show stats and info. I would like to set it so all three pages rotate/change every minute or so. Thanks in advance. Howdy, perhaps someone can help. at my page http://glassbala.com/calculator/calculator.htm either link for the spheres opens a shadowbox. the sphere on the right shows the issue the best the page that loads is the issue. this problem was around before recent shadowbox upgrade. there is a submit box that i have used code to have the box clear when clicked. when the page loads, it ensures that the submit box is visible. this causes the page to autoscroll down so the box is visible. is there an approach so this does not happen? thanks much for any suggestions. peace out... hi guys, I have this code he 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=windows-1251" /> <title>Under construction</title> </head> <body style="background-color:#121212"> <div style="background: url(under_construction.jpg) no-repeat center top ; height: 1024px; margin: auto;"> </div> </body> </html> the image under_construction.jpg is basically the page itself, it has a size of 1680x1024. As of right now the page doesn't adjust automatically to the users screen. Please help me change the code so that it'll adjust automatically to the user screen Hi, I have a little problem here.. should you visit my site using IE (don't myself ) it will start loading then randomly say "Cannot open <webpage>". This is very irritating. Does anyone know why this is? Has it happened to anyone else? For the moment, I have put up a temporary home, but the old one is here for you to see. It works on Firefox when the user agent is changed, so it is a IE-specific problem. http://mattsnow.co.nr/home2.html Any help GREATLY appreciated. -matt. Can anyone tell me why this page will show with Firefox but won't load or show with IE? http://www.bestsellersworld.com/reviewtest.htm Hi. I wonder if someone could possibly help me with something. My website does not load properly to the top of the page and I cannot figure out why. Any help would be appreciated. Here is the url: http://www.codefreedom.com Thanks, Rosco. Hi, I was wondering if any one could tell me why my page is not loading and why it seems to want to load an active x control when I have not put one on there Thanks for your help I placed all my adsense ads into iFrames but when I resize the window small all the ads are pushed to the middle of the screen. How can I make them stay put. I tried working with divs too but it makes the ads the highest layer and it makes an invisible border stretching across the screen and I cant click anything thats in that border range. heres some of my code: <html> <head> <link rel="stylesheet" type="text/css" href="style2.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <center> <head> <title>BIO</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> </tr> </table> <!-- End ImageReady Slices --> <iframe src="/adsense.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:1173;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense2.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:-92;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense3.htm" width="728px" height="90px" frameborder="0" style="position:relative;Left:50;bottom:518" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense4.htm" width="336px" height="280px" frameborder="0" style="position:relative;Left:195;bottom:1560" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> </body> </center> </html> OK so i'm new at all this but can't seem to find out how to do this. I'm working on a site that has daily schedules for clubs. For example if someone clicks on "Downtown" and today is Thursday, then i want all the thursday listings to pop up. So how would I make the page that corresponds to whatever day it is load from a single link Thanks Hello, I have created a page that has a number of images on it as well as a large flash file. I have a little image that comes up while the flash file is loading so that is ok, but the problem is I'd like to specify the order in which item on the page load because the flash file is stopping the rest of the page loading properly. Do you know what I mean? For example i'd like my header to load first and the other images and when they are finished loading then the flash file can start. I'm sure I have read it somewhere before but cant find it anywhere. Every other problem ive had has been solved here so I know someone will have the answer! Thanks again, in advance. Hi there i was wondering if it was possible to click on an image that has been mapped and have it open another web page but at a specific location. for example i have a large image of the U.S. i would like to have a smaller image that is mapped to be able to jump to the larger image at that specific location like if i click the northeast porition of the U.S. on the small image i would like it to load the larger image at the northeast porition of the U.S. using just html if possible? thanks for any help. Hello, I consider this an HTML problem but I could be wrong. Not much of a coder myself I have been sticking bits here and there from all over the web. I have managed to integrate a percentage load meter on my site but it loads after the images have -defeating the purpose- I was hoping somebody could tell me where I'm going wrong. The % meter is pretty, and that's why I like it, but I don't think its accurate? I got it from the link below: http://www.bram.us/projects/js_bramu...rhandler/#what Here is my site so far, I would like to pre-load the .png %bar images so it makes some sense and then get rid of the bar when the page has loaded. I especially need this as java disappears when a page is scrolled and being positioned behind the java applet it would be seen. http://lovelago.googlepages.com/flow4f.html Many thanks. Next to the adress bar there's an X that will cancel the page load when you click it. Is there anyway to make this into an HTML link or button? I want it so that my users can cancel the page load by clicking a link on the site that says "cancel page load" Thanks for reading this thread! Hello All, I have 2 java scripts from dynamicdrive.com which I want to load on same page, If I load 2 scripts in same page bot will not work I get loading however If I use only 1 scripts it works great. Am I missing something? Please help me Thank you |