HTML - Linking To An Exact Spot On A Page.
You know those sites where all this information is on this one REALLY long page and they have links at the top to send you to the exact spot where you need to be? How do I make that happen? This will be for myspace but I've heard that myspace filters the "#" that is needed in the code so is there anyway around this?
Similar TutorialsHi, I am looking for some insight on this matter. I currently convert images to html by using fireworks to slice up td backgrounds. and then position elements on an overall table with invisible image spacers. This is very time consuming.. I am looking for an easier way to convert images to html. Is there a program that will let me accomplish this easier? I dont want to use invisible images any more. Any advantages / disadvantages in using either approach? I am looking for a program that will be wc3 compliant and multi browser compatible. Thanks for your input. Hello Folks I want to be able to anchor to not only a different page, this is a simple link, but I also want to be able to go to a specific point on that new page from the original hyper link... Example; I am viewing on page "A," on my site and I want to set a link on page "A" to take me to page "B" to the word "Widget." On page "B" I have the word "Widget" 2/3rds the way down the page. I want to go further than just to the top of page "B," I want my SAME link from page "A" to take me to the word "Widget" that is near the bottom of the page "B" all in the same link. (One click) I understand I am going to need to set code at each word, this is a lot of work and this is OK.. Thank You So Very Much for any assistance David What HTML code do I need and how do I link a word from one part of a page to text on another part of the same page? Hey! Something odd is happening in IE7 with a page & I can't figure it out! (doesn't do it in Firefox). This page: http://webshack.com.au/cane/index.htm loads fine, but when I got to 'Our Facilties' (2nd in the menu), it has no background & other bits 'cause it doesn't link to the stylesheet. But, if you 'Resfresh' the page - it all comes good - until you move to a different page and then return to the 'Our Facilities' page'. So I'm a bit stumped - It obviously links, but I can't figure out why not initialy, only on 'Refresh', and then again every time you return! Oh yeah, it only started doing it when I begin fixing bits after running it the though the WC3 validator . . . . Grant Hi, I am the owner of http://the1337arcade.com and im trying to make it the best i can, and i need the help of people from HTML forum. My Problem is that I want to have a link to play the Games in Fullscreen mode, but i dont know how to grab the .swf currently on page So is their anything i can do in HTML or PHP to Grab the URL of the current .swf file on page? So Basically When you are on this page : http://the1337arcade.com/view.php?name=kitty-cannon There will be a link somewhere saying Click here to play in Fullscreen, and the link will be http://the1337arcade.com/media/sources/kittycan.swf Please Help me in this Thanks alot, Anup So my question is simple and easy. I already have knowledge of how to make a image link you to a web page. but I recently found the need to make a image link you to a webpage but not in a new window (what I mean is not open up a new browser window or tab when the image link is clicked.) how do I do this? I'm sure there is a way to go about this but I can't seem to figure it out and I'm not that proficient with html or css so hopefully someone here will able to help me out with this. Im working on a portfolio site for myself and this is what I have so far http://www.visualonestudios.com The site contains two main DIV's. One horizonal one for the menu called 'Outer' and one vertical behind it called 'main'. What I want is that the menu section always stays and the content of the main DIV changes depending on what has been selected on the menu. I'm not using any frames so what would be the easiest way to do this and remember I'm html-challenged lol. Thanks Hi Is it possible to link to a page that uses frames, and specify what document appears in each frame of the target page? thanks, alex Hi, I'f made a menu and i want it to be shown on each html page i have without adding the code in each html file. I'm only using html/CSS and want to keep it that way. Thanks in advance. Hi guys, I've inherited a very old site that runs in a frameset. We're getting ready to rebuild it (sans frames) but in the meantime I still need to maintain it. The need has come up recently for an information page that will be linked to from within a Flash tutorial. The problem is that when the link goes directly to the page, it doesn't surround it with the frame and so there is no navigation or any way of finding your way back into the site. It's been many, many years since I've worked with frames, so I'm hoping someone can tell me if there's a trick to linking to the base frameset and then loading a specific page into one of the frames. Cheers, Seona. hi all I have managed to get all my links working within the forms ok but one! that being the having navigation back to my Home page or Index page. It being made up of three forms. This is the linking code i have tried i have also tried others with no luck. Pleases help if you can. <a herf = "PAGE_1.HTML PAGE_2.HTML PAGE_3.HTML PAGE4.HTML" TARGET = "FRAME_1.HTML FRAME_2.HTML FRAME_3.HTML FRAME_4.HTML" > Home Page </a> Hi Guys, Just need a little help with my IFrame page. I have a basic layout page with the banner up the top, and my buttons running down the left hand side of the page. The rest of the page is an "IFRAME" to an external page. Basically the site im building is putting in a webcart wich has been outsourced. So you get all the cart stuff and you just have to build your site around it and embed it in a site. So anyway to my question, I need to link the buttons on the Index.html page to a page in the IFRAME page, then the user isnt reloading the same page with different main content just that iframe. Is there actually anyway of doing this? or am i just stuck creating different pages? Im also using dreamweaver 8 if this is any help. Thanks 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 Im in the process of uploading my site to my server and I set up some folders server side so things would be somewhat organized. My problem is setting up the links in my html docs. I cant go back a folder in the directory structure. Right now I can only get links to work if they go deeper in the folder structure or if Im linking to another html doc thats in the same folder as the one Im currently on. How do I go back a level? For instance my index doc is at the very top level, how can one of my pages deeper in go back to the home page? Thanks. Hi all, how can i upload a file and when i click the submit button i go automatically to other web page. I am using some code that uploads the file perfectly, but i can't get a way to go to other page when i click the submit button. If someone can help me giving me an example of how to do that, or tell me what to change in my code i'll appreciate any kind of help. Here is my code: PHP Code: <?php function error($errorMsg) { ?> <script> alert("<?php echo $errorMsg;?>"); </script> <?php } global $folder; $folder = "uploaded"; if(!is_dir($folder)) if(!mkdir($folder)) { error("Can't, neither, access, nor create, the upload folder"); die(); } ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> body { background-color:#000000; } </style> <title>Upload</title> </head> <body> <center><h1><font color = "#FFFFFF" > Upload </font></h1></center> <?php function mainPage() { ?> <iframe style="display:none" name="fileUploader"></iframe> <form method="POST" target="fileUploader" enctype="multipart/form-data" action="?action=fileUploader"> <div><input name="file" type="file" STYLE="color:#FFFFFF; size="60"></div> <input type="submit" value="Upload" > </form> <?php } function fileUploader() { global $folder; function storeFile($folder,$tmpFileName,$fileName) { if(!is_uploaded_file($tmpFileName)) { error("Invalid file"); return; } if(!move_uploaded_file($tmpFileName, $folder . "/" . $fileName )) { error("Can't move uploaded file to destination"); return; } } foreach ($_FILES as $file) storeFile("uploaded",$file["tmp_name"],$file["name"]); } $actions = array("fileUploader" => 1,"fileLoader"=> 1); if (!isset($_GET['action'])) { //If not isset -> set with dumy value $_GET['action'] = "undefine"; } $action = $_GET["action"]; if($actions[$action]) $action(); else mainPage(); ?> </body> </html> Hello All, I have been developing basic websites for the last couple of years and never really done much with Hot Spots now i know how to make the hot spot HTML Code: <map name="header1Map" id="header1Map"> <area shape="rect" coords="158,11,358,138" href="#" /> </map> Now instead of going to a new page onclick i want it to make a image pop up on the same page like the program pop box but cannot seem to get the code to work here is what i have so far. HTML Code: <map name="header1Map" id="header1Map"> <area shape="rect" coords="158,11,358,138" img id="1" alt="" src="images/IMG_0596.JPG" pbshowcaption="True" pbcaption="" style="width: 150px; height: 100px;" class="PopBoxImageSmall" title="Click to magnify/shrink" onclick="Pop(this,50,'PopBoxImageLarge');" /> </map> the script works when i insert outside of hot spot. Any help is greatly appreciated. Best Regards Lee Hello, I have this code: (The important part is in bold) Code: <html> <head> <style type="text/css"> .navlink a:link { font-family: Verdana, Geneva; font-size : 80%; font-weight : bold; color: #000000; background-color: white; text-decoration : none; margin: 5px; padding: 5px; border : 1px outset black; display: block; width: 150px; text-align: center; width: 142px } .navlink a:visited { font-family: Verdana, Geneva; font-size : 80%; font-weight : bold; color: #000000; text-decoration : none; padding: 5px; margin: 5px; border : 1px outset gray; display: block; width: 142px; } .navlink a:hover { font-family: Verdana, Geneva; font-size : 80%; font-weight : bold; color: #000000; text-decoration : none; padding: 5px; margin: 5px; border : 1px inset black; display: block; background-color : #99ccff; width: 142px; } .center{text-align: center} body{font-family: Verdana, Geneva;} h1{font-weight: bold} </style> </head> <body bgcolor="#4d4d4d"> <table style="position: absolute; top: 0px; width: 850px; margin: auto; border: 3px solid #000000; background-color: white"> <tr><td class="center"> <img src="logo.png"><img src="smiley.png" style="position:absolute; left:838px; top:6px"><hr> <p style="position:absolute; left:842px; top:118px; font-size: x-small"> First time here? Click the smiley!</p> <table width="150" border="0" bgcolor="white" class="navlink" style="border-type: solid"> <td class="center"><a href="index.htm">Home</a></td> <td class="center"><a href="link1.htm">Cartoons</a></td> <td class="center"><a href="link2.htm">Guestbook</a></td> <td class="center"><a href="link2.htm">Contact Me</a></td> </table> <table style="margin: 6px; border: 1px; border-style: solid"><tr><td width="650px"> <h1>Site Released </td></tr></table> </tr></td> </table> </body> </html> Does anyone know how to keep the smiley face and the words "First time here? Click the smiley!" In one place while the window is resized. (Preferably without having to put them in the table.) I'm looking for a routine or function that allows for floating popups when the pointer is placed over a hot spot on a client-side image map. Currently there are plenty of sources for code out there that show a popup when floating over a text URL or an IMG URL, but when putting a mouse pointer over an image map the same code does not work. Even when declaring the image map an OBJECT rather than just a basic <img>. So essentially, I want the mouse to hover over an image map, and then have a small pop up of an image show up. Thanks in advance help is greatly appreciated. I'm trying to build a "Start Menu" style nav based on something I created in BlueVoda. I've finally gotten all the java working, but i can't make my button float over my header image like I had it in the WYSIWYG editor. My site is arlenbresh.atspace.me I've tried style="position:absolute" but to no avail. What am i missing? Should I be taking a different approach to this? |