|
HTML - How To Redirect To Certain Part Of Page?
Hey I have a site that has a weekly newsletter; people sign up through an opt in box... What I want to do is after they sign up and hit submit, I want them redirected to the same page right under the opt in box so that they can start right where they left off.
Does anyone know how to redirect to a certain point on a web page? Thanks. Similar Tutorialsi have a trivia site, so far with 500 or so questions and answers. the answers each have a separate html page, but i am looking for a way to put them all on about 5 pages, and just have one section display in a frame when the question is answered. i have figured out how to display a certain part of a page, but the problem is, i don't want anything else from the page displayed, because they are all embedded youtube videos and they would all start at once. am i just stuck with having an html page for each answer? if you can help god bless you i'm really stuck on this. this is basically what the page will look like, even though there's much work to be done so all the links aren't working, etc... http://trilogy.awardspace.com/iframe.html I'm using an iframe to show an external page. I want the iframe to open to a certain part of that page. Problem is, it's like 2 pages down on the external page. How can I make it scroll down and show only that part? I want to link to a specific part of another page. The url below is the page I am trying to link to and I want it to start at my div layer with id 'section'. <div id="section"> If I use this link it works fine, but it does not scroll to my div layer 'section' Code: http://localhost/ME/Programming/ProgrammingTemplate.php?page=Truss_Optimizater&cat=Programming&tab=1 If I use this link it only shows my div layer 'section'?? Code: http://localhost/ME/Programming/ProgrammingTemplate.php?page=Truss_Optimizater&cat=Programming&tab=1#comments-wrap Calypso When I view my main page, it looks fine. It is centered on the screen with some background space between the top of the screen and the top of the web page. And has background space to the left and right. But when I select the sign-up link which is basically: http://www.website.com/index.php?command=signup_page When the sign-up page is viewed, it has moved up to the top of the screen and loses the top part of the header border. How can I get it to view exactly like the home page? To experiment I went to the css file and changed the top margin from 50px to 500px. It only effected the home page, didn't effect the sign-up page at all. Code: body {
background-color: #6B6B6B;
text-align: left;
margin-top: 500px;
What do you suggest I do to keep the top of the sign-up page from being cut off? Thanks. Hello, If I were to change my pages from thispage.html to thispage.php or this-page.html how would I make sure that the old page will redirect to the new one? There is an ivalid page on www.google.com and it directs me back to the home page. Why is that? My daughter's wedding inviations have a url on them that was misprinted "www.website.com/wedding" which should have been "www.website.com/wedding.html". Is there a way to Redirect what was misprinted as a directory, to go to the actual web page "www.website.com/wedding.html"? I have intermediate knowledge building html web pages using Dreamweaver (I know some Javascript and CSS). Thank you from a desperate father-of-the-bride!! Hello all i've been doing some research on my own and am simply trying to redirect my site "ndcubed.com" to "ndcubed.com/Construction/Constuction.html" when my site is undergoing maintenance. I've managed to read up on some tutorials and have found that this is apparently supposed to work: In the .htaccess file Code: Options +FollowSymlinks
RewriteEngine on
RewriteCond %{REQUEST_URI} !/Construction/Construction.html$
RewriteRule $ /Construction/Construction.html [R=302,L]
This works like a charm and redirects all my pages to Construction.html however if you try going to my site the redirected URL is simply a blank page. However when the code in the .htaccess file is removed it isn't blank and displays normally. What could be going wrong, why would a redirect cause this page to not load correctly? Nothing is loaded except plain text, even the page background isn't displayed. Thank you for your help, I feel like i'm so close to getting this solved. Construction.html source: 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" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(Images/lightGrayBack.png);
background-repeat: repeat;
}
-->
</style></head>
<body>
Test
</body>
</html>
ok guys thanks for all help you have given me so far. Now here is my next thing, we have aquired about 20 websites whihc will all be linking to my one site. These are all well known sites with in my niche. How is the best way to do this, would it be better to use redirect or have a splash page and have people click. will google only count clicks as links to my sites or how dose this work. Thanks. Hi, I'm new here and need a simple question answered: I have a store I am putting online, the store resides in a folder under the main folder so I need to have the index.htm in the main folder redirect the user to the index.htm in the store folder. I'm a bit rusty on my html skills, CRS is begining to raise it's ugly head, and can't for the life of me remember how to do it or find a reference to it. How can I set up a page that automaticaly redirects my visitors to a new page? I know how to have my page redirect to a different page. the problem i have is that I want somebody to go to my page, click on a link, which will bring them to a new page, have the new page open up an instant mesanger window to my screen name, and then redirect back to my main page. I have all of the code to open up the IM window, but I do not know how to get the browser to redirect after that has happened. as of now, this is my page i want to have the code to redirect to my main page on. Code: <html>
<head>
<title>WeirdClayJisKOOL//AIM-redirect</title>
<style type="text/css">.sneaky { display: none; visibility: hidden; }</style>
<script language="javascript">
function reDirect() { document.aim.submit() }
</script>
</head>
<body onLoad="reDirect()">
<B>Generating AIM..</B>
<a href=http://www.mymainpage.com><h1>Return to Mymainpage</h1></a>
<form method="post" action="aim:goim?screenname=WeirdClayJisKOOL&message=Hey!" name="aim">
<span class="sneaky"><input type="submit" value="AIM"></span>
</form>
</body>
</html>
i'm not sure if this post belongs in this section because i don't know if i would use html, or javascript or what. if you are un-clear about what i want let me know and i will be glad to attemp to clearify. thank you! Hi all I am trying to set up a custom 404 page for when a user visits a broken/error page. I have read several other pages telling me how to do it, and they all pretty much the same thing, however it isnt working. Keep getting this on the page when i enter a broken link: Not Found The requested URL /clients/index.htm was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. I have set up a ht.access text document with the following code: ErrorDocument 404 error-page.html An error-page.html page has also been created. Now, am i even naming ht.access file right? Do i need any other code in the error-page.html to make it work? im going round in circles, getting nowhere, i hope someone can help!! I know how to do a basic redirect, but this is a bit more tricky. We use a CMS system to do most of our Web site but that limits me to do any html in the "head" since the programmers "locked us out." I'd like to put an html file on the root of the site to do a redirect to correct a link problem. We sent out an email with the wrong link - problem is, the link goes to a dynamic page. I want to REDIRECT that page to a new static page. This has to be possible....isn't it? I want anyone clicking on the link below: http://www.macpa.org/Public/Catalog/...rseID=09191010 to be redirected to this page: http://www.macpa.org/Content/25187.aspx HELP! Hey everyone, This is my first post here, and I was hoping you guys could help me with a problem I am having. I own a race photography company and I am trying to find a way to create a form that athletes can fill out and it will take them to their images. I have keyworded all the images on my smugmug site with a race id followed by a number, such as "gunstock 6" So if they visit http://blahblahblah.smugmug.com/keyword/gunstock 6 it will bring up all the images of them from that race (every image keyworded with gunstock 6) However..... what I want to do is make that into a form which will take them to that specific page. I am a newbie when it comes to designing forms and webpages, and after searching around, it seemed the form get command sort of achieves what I want, in that it takes the form input and places it in the url. However... it also places the usual query text such as the question mark, =, and all that good stuff. So when I enter the race id and number on my form, it will instead take me to the url .../keyword/?=gunstock&=6, which instead of being a defined page with all of the images keyworded gunstock 6, it will just bring me to the keyword search page of smugmug. Is there any way to design a form that redirects simply to the .../keyword/raceid # url format? Thanks a million! Hello, I'm a windows app programmer, but don't know too much about HTML. I use Frontpage to maintain my web site. I need to check the referring page, and if it equals what I want, then I need to redirect to another page. OK, to explain further, I've had a web site for years. Lets call it www.p.com. Yesterday, I registered two new domain names, we'll call them www.a.com and www.b.com. I had my web host simply make them pointers directly to www.p.com. So, when users type in www.a.com or www.b.com, they are automatically taken to www.p.com. This is OK...but, it is causing some issues. What I'd like to do is, when the page (www.p.com) is loaded, I want the page to check the page the user came from, such as www.a.com. If it was www.a.com or www.b.com, then I want to re-load www.p.com, so that the page is refreshed so that it actually was www.p.com and not a re-direct from www.a.com. Can I do this? and how can this be done? Many thanks in advance! domls I have a page with a black background, and a script so that when a link is clicked the page fades out and then redirects to the link location. Since the background is black, the page fades to black before redirecting. How can I have it fade to white and then redirect? Hello, Somehow I get a weird part on top of my website, it shouldn't be there really, this is my head -> |||||||||||||||||||||||||\ <head> <title>|| Welcome to the Myth Academy homepage ||</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #75D2F3; } --> </style> <script type="text/javascript"> var dom = (document.getElementById) ? true : false; var ns5 = (!document.all && dom || window.opera) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false; var origWidth, origHeight; // avoid error of passing event object in older browsers if (nodyn) { event = "nope" } /////////////////////// CUSTOMIZE HERE //////////////////// // settings for tooltip // Do you want tip to move when mouse moves over link? var tipFollowMouse= true; // Be sure to set tipWidth wide enough for widest image var tipWidth= 180; var offX= 30; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "8pt"; // set default text color and background color for tooltip here // individual tooltips can have their own (set in messages arrays) // but don't have to var tipFontColor= "#000000"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#000080"; var tipBorderWidth= 3; var tipBorderStyle= "ridge"; var tipPadding= 4; // tooltip content goes here (image, description, optional bgColor, optional textcolor) var messages = new Array(); // multi-dimensional arrays containing: // image and text for tooltip // optional: bgColor and color to be sent to tooltip messages[0] = new Array('images/icarus.jpg','Icarus',"#FFFFFF"); messages[1] = new Array('images/ares.jpg','Ares',"#FFFFFF"); messages[2] = new Array('images/caerus.jpg','Caerus',"#FFFFFF"); messages[3] = new Array('images/helios.jpg','Helios',"#FFFFFF"); messages[4] = new Array('images/nopic.jpg','Manticore',"#FFFFFF"); messages[5] = new Array('images/nopic.jpg','Typhon',"#FFFFFF"); messages[6] = new Array('images/nopic.jpg','Leviathan',"#FFFFFF"); messages[7] = new Array('images/nopic.jpg','Omega',"#FFFFFF"); messages[8] = new Array('images/abbadon.jpg','Abbadon',"#FFFFFF"); //////////////////// END OF CUSTOMIZATION AREA /////////////////// // preload images that are to appear in tooltip // from arrays above if (document.images) { var theImgs = new Array(); for (var i=0; i<messages.length; i++) { theImgs[i] = new Image(); theImgs[i].src = messages[i][0]; } } // to layout image and text, 2-row table, image centered in top cell // these go in var tip in doTooltip function // startStr goes before image, midStr goes between image and text var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = tooltip.style; if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px"; tipcss.fontFamily = tipFontFamily; tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor; tipcss.backgroundColor = tipBgColor; tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px"; tipcss.padding = tipPadding+"px"; tipcss.borderStyle = tipBorderStyle; } if (tooltip&&tipFollowMouse) { document.onmousemove = trackMouse; } } window.onload = initTip; ///////////////////////////////////////////////// // doTooltip function // Assembles content for tooltip and writes // it to tipDiv ///////////////////////////////////////////////// var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) { if (!tooltip) return; if (t1) clearTimeout(t1); if (t2) clearTimeout(t2); tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3]; else curFontColor = tipFontColor; if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; if (tipOn) positionTip(evt); } ///////////////////////////////////////////////////////////// // positionTip function // If tipFollowMouse set false, so trackMouse function // not being used, get position of mouseover event. // Calculations use mouseover event position, // offset amounts and tooltip width to position // tooltip within window. ///////////////////////////////////////////////////////////// function positionTip(evt) { if (!tipFollowMouse) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; } // tooltip width and height var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft; var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = mouseX-(tpWd+offX)+"px"; else tipcss.left = mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = winHt-(tpHt+offY)+"px"; else tipcss.top = mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false; } document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') </script> </head> |||||||||||||||||||||||||\ this is how my page looks like: http://img207.imageshack.us/img207/4111/bahwn8.jpg It's probably something in the script but I can't find the error part, I don't know if this is because of the javascript part or a mistake in the html tags. Please help me out I've had problems in the past trying to get IE6 to display DIVs the same way as FF and IE7 displays them. So I recently decided to make a "skeleton" page just for the header section as a fresh start and I still can't figure out how to appease ol' IE6. I want the two DIVs to be side by side. But they aren't See what I mean: http://www.innotechnutrition.com/seeessess.php The CSS Code: body {
text-align: center;
}
#container { /* does IE6 not like the line breaks? */
width: 770px;
margin: 0px;
padding: 0px;
}
#header {
width: 770px;
margin: 0px;
padding: 0px;
}
#headerLeft {
width: 50%;
float: left;
margin: 0px;
padding: 0px;
border: 1px solid #000; /* this won't show in IE6 for some reason */
background: #ccc; /* this won't work either */
}
#headerRight {
width: 50%;
float: left;
display: inline;
margin: 0px;
padding: 0px;
border: 1px dotted #000; /* this don't show in IE6 for some reason */
background: #333; /* this won't work either */
}
The HTML (doctype: DTD XHTML 1.0 Transitional) 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=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <div id="container"> <div id="header"> <div id="headerLeft"> LEFT div </div> <div id="headerRight"> RIGHT div </div> </div> </div> </body> </html> Hi. Im trying to use the background style of: http://www.freelayouts.com/templates...-Blue#download I looked through the .HTML for almost an hour, but I cant find ANY mention of the background. Heres the text: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Bright Blue by christopher robinson http://www.edg3.co.uk/ hope you enjoy it and find it usefull :) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title>edg3.co.uk | Bright Blue</title> <link rel="shortcut icon" href="image/favicon.ico" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en-gb" /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="author" content="Christopher Robinson" /> <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" /> <meta name="mssmarttagspreventparsing" content="true" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="revisit-after" content="7 days" /> </head> <body> <div id="header"> <h1>Bright <span>Blue</span></h1> </div> <div id="content"> <div id="main"> <h1>Important</h1> <p>Licensed under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a>. I have left the actual text design style very basic for you to add your own text / header / quotes / list etc. styles yourself.</p> <h1>About</h1> <p>Designed by Christopher Robinson of <a href="http://www.edg3.co.uk/">EDG3</a>.</p> <p>This template would be great as a simple personal site which only needs little content and a few pages, you are free to use this design for whatever purpose you wish as long as you do <strong>NOT</strong> sell it or claim it as your own and you leave the link back to my site at the bottom of your pages.</p> <h1>Filler Text</h1> <p>Donec sodales tempor neque. Vivamus faucibus interdum ante. Suspendisse tincidunt nibh. Sed quis libero sit amet dui faucibus egestas. Quisque varius dapibus risus. Cras tincidunt malesuada velit. Vestibulum vel turpis eu sem vehicula eleifend. Sed tristique, lacus ut tempus lobortis, tellus lorem cursus nunc, vel convallis dui magna nec massa. Phasellus sed est. Phasellus purus sem, sodales sit amet, iaculis sed, lobortis eget, metus. Proin ut mi. Praesent accumsan commodo nisi. Aliquam erat volutpat. Vestibulum urna. Ut in quam sit amet dui pharetra pellentesque. Suspendisse id ipsum. Nulla urna leo, ultricies sit amet, posuere ut, elementum et, magna. Mauris tempus mi ut metus. </p> <p>Phasellus viverra sapien non nunc. Integer est enim, nonummy eu, tempus convallis, mollis ut, lorem. Morbi ornare mattis nulla. Pellentesque in risus at ligula scelerisque malesuada. Morbi elementum nisl sit amet purus. Cras erat quam, suscipit id, tincidunt in, dignissim ac, risus. Aliquam nunc. Donec tristique, felis sit amet bibendum blandit, arcu libero congue nibh, in bibendum nisl arcu at enim. Quisque varius velit vel dolor. Curabitur arcu tortor, lacinia ac, consectetuer nec, imperdiet nec, quam. Sed sed magna. Integer eget sem. In rhoncus eleifend orci. Morbi pharetra, justo at cursus nonummy, metus lectus ullamcorper est, sit amet consequat justo mauris sit amet augue. Aenean vel libero. Proin vehicula. Integer sollicitudin. Duis varius consequat leo. Fusce ultricies purus eu est.</p> </div> <div id="sidebar"> <ul class="navigation"> <li><a href="http://www.edg3.co.uk/about/" class="active">About</a></li> <li><a href="http://www.edg3.co.uk/">Blog</a></li> <li><a href="http://www.edg3.co.uk/contact/">Contact</a></li> </ul> <h1>Sponsered Links</h1> <ul> <li><a href="http://www.4templates.com/?aff=christopher">4Templates</a></li> <li><a href="http://www.edg3.co.uk">Christopher Robinson</a></li> <li><a href="http://www.evohosting.co.uk/affiliate/idevaffiliate.php?id=133">EVO Hosting</a></li> <li><a href="http://www.openwebdesign.org/userinfo.phtml?user=christopher">Open Web Design</a></li> <li><a href="http://www.opendesigns.org/profile/?user=christopher">Open Web Design</a></li> <li><a href="http://www.text-link-ads.com/?ref=31171">Text Link Ads</a></li> <li><a href="http://www.w3csites.com/profile.asp?u=christopher">W3C Sites</a></li> </ul> <h1>Blogroll</h1> <ul> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> </ul> </div> </div> <div id="footer"> <p>Copyright © <a href="#">Bright Blue</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br /> Sponsored by <a href="http://www.opendesigns.org/">Open Designs</a> | Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a href="http://validator.w3.org/">XHTML</a></p> </div> </body> Can one of you induviduals that acctualy know how it workes please point me in the corect direction? Thanks.. |
|||||||