HTML - Linking To Links
Hey guys, Ive been trying to google this but i just cant seem to find a tutorial, im hoping you guys can help me out. I want to link to a set of links on my website. More specifically, I have a horizontal navigation bar on my site and I want the link "required reads" to make a row of links appear under the navigation bar of the various readings when you click on it. I've seen this done before but I cant pull up an example at the moment, hopefully that makes sense... Please help! Thank you.
Similar TutorialsHi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! hi again, i think that i know the answer to this question...but i needed reassuring. basically my website's hierarchy is pretty confusing but it seems to link fine on my computer and everything, then it didn't link on the school computers but i solved that problem because all that was wrong was the file pathways were different. Now however when my teacher tries to open my files, all she gets is that file that cant be found stuff. Do you think maybe the problem could be that my files are too complicated and that maybe i should put all my pages in one place and then all my other files in folders underneath those... please tell me your advice, with many thx Sam hello i am wondering if it's possible to load content into a div by clicking a link in div 1 and changing what is shown in div 2 and clicking a link in div 3 would change what is shown in div 4 i have attached a generic png of how i would want the page to look....and to give a better idea of what i am wanting...any idea's as to how to do this would be appreciated...but be prepared depending on your suggestion i may need some help with how to get it accomplished. Below are two notepad docs. I want to add a link from one to the other. Whenever I add the <a href="..... "></a> nothing shows up when I view the webpage. What am I doing wrong? Thanks. FIRST DOC <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Departments</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="MSHTML 6.00.6000.16544" name=GENERATOR></HEAD> <BODY style="text-align:center; font-family:verdana,helvetica,san-serif ;background-color:#c0c0c0"><!-- 2D departments Lastname Firstname --> <H1>Business and Information Technology</H1> <H1>Health</H1> <H1>Law Enforcement</H1> <H1>Communications and English</H1> <H1>Math and Science</H1></BODY></HTML> SECOND DOC <!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" xml:lang="en" lang="en"> <head> <title>Culinary Arts Recipe</title> </head> <body> <!-- 1G Recipes Lastname Firstname --> Hawaiian Chicken <hr size="2" width="100%" /> This dish can be seved quickly and easily. Boil and debone chicken. Add 1 can of your favorite cream of chicken soup to the chicken. Make 2 cups of cooked rice. Prepare plates immediately before serving. Lay chow mein noodles, rice, chicken, crushed pineapple, green onions, shredded cheese, sour cream, tomatoes, and coconut. </body> </html> Hi everyone, Could someone help with a hyperlink problem I have please? I am currently working on our company website and am constructing some pages detailing the Health and Safety training we do. I have created a page which contains a link to a second page with the course dates on. Is it possible to then link from the page with the course dates to the previous page but I want to link the the bottom of the previous page. Is there a way to do this? Many thanks! Jess 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 Hello, I am working on a website and having issue linking the contact and pricing page to the home page. When I click on Home from either pricing or contact page it's not moving. My code is attached Thanks I'll do my best to explain this. I have an iframe and its source changes a lot. I want to have a link that will take you to the source of the iframe, whatever it may be at the time. This has been kicking at me for some time and I thought it was time to ask for help, it's probably something simple that I'm just not getting. Thanks in advance! help... i linked my pdf to text on my website but its giving an error.. Hello everyone, I am currently building a site that has a iframe in it. Unfortunately no matter what I try it is always linking to the sites 404 page. Here is the code I am using. Code: <iframe src="sulphurmountaingps.html" width="600" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"> <a href="sulphurmountaingps.html">Click here for the map</a> </iframe> Now I currently have the second page in the same folder as the HTML page it is being called from since it started in its own directory but eventually ended up here by trying to weed out what the problem could be. So I really cant see what I could be missing. Its a very simple iframe code calling a page that is in the same directory. Any help or suggestions would be great, Thank you Peter How do i link to a page thats outside of a folder. Example i have a folder called "Home" and a page called home.html within the folder and I have a sub folder called "Main", within the Main folder how do I link to the home.html 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? Hi guys, I'm wondering if there is an easy way to provide links or image links to a file in the root directory of my domain. I know there's the "/" method but it will not do for me because I maintain the files offline on my PC, and if I used "/" then it will not refer correctly. Example: Code: <IMG SRC="/example.gif"> This will work 100% of the time when it's uploaded on the web, regardless of which directory the HTML file is at, I will still open the same "example.gif" at the root dir. Perfect. But since I'm maintaining the files offline (before uploading), this causes a problem as I will have numerous "broken links". FYI I even tried to map my folder to a drive (W, or placing the entire file system on a USB drive, but none of those work. I realise I could use Code: <IMG SRC="../../example.gif"> and so on, but shouldn't there be an easier method? Hello.. i am creating a work webpage to display goodies are staff might like to buy for christmas! Ive got a slide show in the middle and other images around Ive been able to code the slide show so that when i click the image on the slide it display it in another window Im having a problem though with being able to code the images around the slide when i click the individual ones it just brings up the picture in the slide ? Ive had a little play with it and cant get my brain around it! It may be simple but ive been doing these for days and i am extremly tired from them lol.. can anyone help? i will display code below thanks Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript"> var image1=new Image() image1.src="image1.jpg" var image2=new Image() image2.src="toy2.jpg" var image3=new Image() image3.src="toy3.jpg" var image4=new Image() image4.src="toy4.jpg" var image5=new Image() image5.src="toy5.jpg" </script> </head> <style> body { background-image:url('logo2008.jpg'); } .boxed { position:absolute; left:25%; border: 2px black; border-style: plain; width: 700px; height: 800px; } .boxed1 { position:absolute; left:25%; border: 1px blue; border-style: dotted; width: 700px; height: 350px; text-align:center; float: left; padding:2px; background-color: white; } .image { border: 1px blue solid; width: 200px; height:100px; } </style> <body> <a href="javascript:slidelink()"> <div class="boxed1"> <img src="image1.jpg" name="slide" border="0"width="35%" height="100%" /> </div> <div class="image"> <img src="360s.jpg" border="0" width="200px" height="100" href="360s.jpg" /> </div> <div class="image"> <img src="ps3.jpg" border="0" width="200px" height="100" /> </div> <div class="image"> <img src="DS.jpg" border="0" width="200px" height="100" /> </div> <script type="text/javascript"> <!-- var step=1 var whichimage=1 function slideit(){ if (!document.images) return document.images.slide.src=eval("image"+step+".src") whichimage=step if (step<5) step++ else step=1 setTimeout("slideit()",4000) } slideit() function slidelink(){ if (whichimage==1) window.location="image1.jpg" else if (whichimage==2) window.location="toy2.jpg" else if (whichimage==3) window.location="toy3.jpg" else if (whichimage==4) window.location="toy4.jpg" else if (whichimage==5) window.location="toy5.jpg" } //--> </script> </body> </html> Hello, My question has to do with linking a selection with an actual page. I have made a website background in Illustrator. I made the background and then made a middle box with selections. As an example, I made the background color blue. Then I made a box in the center that is black. Inside that box, I put different pages. I'll say "page 1" "page 2" & "page 3". I typed that all in Illustrator. I want to now let people click on those and actually go to the pages. Is there anyway I can do that. When someone clicks page 1, some how put a link above the "page 1" words and it'll go there? Thanks In Advance! Hi, I have never coded HTML before and I thought I'd give it a try over the last couple of days. I'm trying to put a link to a PDF on my page and it works great in Firefox but does nothing at all in IE. Does anyone know why? Also, my images won't show up in IE, but again, it works great in Firefox. Any ideas? Thank you. Here is my code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="EN" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/xml; charset=utf-8" /> <title>Title of Page</title> <link type="text/css" href="customtheme.css" rel="stylesheet" /> </head> <body> <table class = "tblhead" align="center" border = "0" cellspacing="0" cellpadding="0"> <tr valign="top" align="center"> <td> </td> <td colspan = "8"> <img src="images/headername.jpg" alt="Kennels" align="center" height="150" width="1017" /> </td> <td> </td> </tr> <tr> <td colspan="10" width="8px"><p></p></td> </tr> <tr> <td class = "topbuttons"><blockquote></blockquote></td> <td class="topbuttons" align="center"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/btnhome2.jpg',1)"><img src="images/btnhome.jpg" alt="Home" name="Home" width="70" height="35" border="0" /></a> </td> <td class="topbuttons" align="center"><img src="images/btnapply2.jpg" width=90" height="35" alt="Apply"> </td> <td class="topbuttons" align="center"><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Links','','images/btnlinks2.jpg',1)"><img src="images/btnlinks.jpg" alt="Links" name="Links" width="90" height="35" border="0" /></a> </td> <td class="topbuttons" align="center"><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','images/btncontact2.jpg',1)"><img src="images/btncontact.jpg" alt="Contact Us" name="Contact Us" width="140" height="35" border="0" /></a> </td> <td class = "topbuttons"><blockquote></blockquote></td> </tr> <tr> <td colspan = "10" width="15px" align="center"></td> </tr> </table> <p></p> <div class = "mainbody"> <dl> <dt>Apply:</dt> <dd> <p>Please feel free to contact us with any of your questions or concerns.</p> </dd> </dl> <table class = "subtable3" align="center" cellspacing="3px" cellpadding="3px"> <tr> <td align = "center"> <a href="documents/request.pdf" target="_blank">Request Questionnaire</a> </td> </tr> </table> </div> <div class="footer" align="center"> <p><div align="center"><img src="images/mills.jpg" width="111" height="99" /></div> </p> <p> <a href="index.html" target="_parent">HOME</a> | <a href="apply.html" target="_parent">APPLY</a> | <a href="links.html" target="_parent">LINKS</a> | <a href="contact.php" target="_parent">CONTACT US</a> </p> </div> </body> </html> Can't seem to find any info on this through Google, so I'm hoping you guys can help me out: What I want to do is have a link at the bottom of the main page which will load whatever html file that is currently in the iframe up by itself. So for example, if the photo page is loaded up in an iframe, you could click said link and it would load up the photo page HTML by itself. But if a video page was loaded up in the iframe, i could click the same link and it would load the video page HTML by itself. Hi, I have a few pages that I would like to link together, these are all on my computer. What is the code to link them together? Thank you, Nick. 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 Ok - first of all I'm quite sure that you can't actually like an image, but is there anyway that I could link the blue circle on this site with some kind of HTML/CSS workaround? http://www.yearofthebus.co.uk All suggestions welcome. Thank you, Steve |