HTML - Linking To Html/navigation Bar
I guess the first thing to do is give you a link to my site: http://theinstinct.net. Now if you notice, on the left hand side we have a Navigation Bar and a few other small things. Lately we've (myself and a friend work on the site) been editing and updating it a lot and we realized that we'd have to make the same changes on every single page.
So my question for you is, is there a way to execute a separate HTML file inside another? Like you can link to a CSS file or to a JavaScript file, can you do that with an HTML file? Thanks for the help! Similar TutorialsFirst off, I would classify myself as having a basic working knowledge of HTML, but I'm far from experienced. I use Expressions (I know, first mistake), and do at least 50% of the work in the code view window. I'm having a problem right now linking a PPS document. I made the PPT and saved it as a PPS, and linked it using <a href="images/anamaited.pps" target="_blank"> When I preview the website on my computer and click the link the document opens in a new explorer window as a PPS, but when I publish the site and click the link it downloads the document and opens PPT. I don't want visitors opening my presentation in PPT, is there anyway to have the pps display in a browser window or do I have to convert the PPS into flash? If I need to display it as a different file type, I need to do it for free, any suggestions? -edit- wanted to clairfy when I click the link on the live site, it actually opens MS PowerPoint, not a new browser window as the tag specifies. I am currently working on a webpage that will primarily be viewed on an Ipad. I am currently linking images with the following code. <a href="images/why/photo_large.jpg"><img src="images/photo_thumb.jpg" width="139" height="92" border="0" /></a> This links the tumbnails to a larger image in the same window. Currently the only way to go back to the original page is to click the back arrow in the corner of the image. Is there someway to make it so the new image is a back arrow? I would like the user to be able to click anywhere on the new image and it take them back to the original page. If this is possible any help you guys can provide would be greatly appreciated. Thank you. Luke Hello, I have the page "index.html" in my root folder, as well as another "index.html" page in a subdirectory. I feel like a moron for not being able to figure this out on my own, but here goes: How do I create a link from my subdirectory index.html page to the one in my root folder? Any help is much appreciated. I am fairly new to HTML and servers and such. I have a ftp server hosting my website which is very basic, the link is ftp.Marmatote.hostchick.co.uk/public_html/index.html That works, but im uploading another page, links.html and i do not know understand how to link my first index page to my links.html page. Do i have to name it something certain? or do i have to upload it somewhere certain or what? Code: <a href="marmatote.hostchick.co.uk/public_html/Links.html">Links</a> i have no idea. Please help, additional information can be supplied on request. Hi, I was wondering how i can link to my script file instead of having it stored in the head. At the moment i am only using javascript and i dont like it in the head because it looks messy. My site has 2 columns and the script simply makes sure colum 1 and column 2 always have the same height to retain the layout because i'm using background images. I have saved the script in as scripts.js and it looks like this. Code: function fixH(one,two) { if (document.getElementById(one)) { var lh=document.getElementById(one).offsetHeight; var rh=document.getElementById(two).offsetHeight; var nh = Math.max(lh, rh); document.getElementById(one).style.height=nh+"px"; document.getElementById(two).style.height=nh+"px"; } } window.onload=function(){ fixH('column1','column2'); } Ok now back in my html head where i would usually put the actual script i have put: Code: <script src="scripts.js" type="text/JavaScript"></script> I was hoping this would work but it doesn't seem to be working. When i preview the page locally in IE6 it pops up to say something has been blocked which i guess is the javasript. Maybe i need to upload to web server and test but wanted to post here to see if i did it correct in the first place. Any help would be greatly appreciated. Rick display html code without creating an actual link? I am writing an instruction manual an am having problems showing the html code without it becoming a link. Impossible right? Wrong. Or at least in mozilla firefox. I was playing around and came up with this: HTML Code: <style type="text/css"> .nav{ width: 150px; height: 400px; border: 1px solid #222222; background: #151515; color: #bb55ff; font-family: tahoma; font-size: 8pt;} .blank{ background-color: #000000; height:12;} .nav ul{ height: 12px; padding: 0px; text-align: right; overflow: hidden; background-color: #000000; border: 1px solid #222222;} .nav ul:hover{ padding: 5px; height: auto; text-align: left; overflow: visible; background-color: #000000; border: 1px solid #222222;} .nav li{ list-style-image: none; background-color: #151515; border: 1px solid #222222;} .nav li:hover{ list-style-image: none; background-color: #000000; border: 1px solid #222222;} </style> <div class=nav> <ul> <div class=blank>Site Nav</div> <li><a href="#top">Top</a></li> <li><a href="#news">News</a></li> <li><a href="#notice">Notice</a></li> <li><a href="#friends">Friends</a></li> <li><a href="#friends-form">Signup</a></li> <li><a href="#likes">Likes</a></li> <li><a href="#dislikes">Dislikes</a></li> <li><a href="#music">Music</a></li> <li><a href="#css">Layouts</a></li> </ul> <ul> <div class=blank>Links</div> <li><a href="/journal.php?u=Techie-ish">Journal</li> <li><a href="/gallery.php?u=Techie-ish">Gallery</a></li> <li><a href="http://quinn.1429caddo.net">Homepage</a></li> <li><a href="http://quinn.1429caddo.net/poetry.htm">Poetry</a></li> <li><a href="http://www.myspace.com/staining_in_the_rain">Myspace</a></li> </ul> <ul> <div class=blank>VF Nav</div> <li><a href='/inbox.php'>Inbox</a></li> <li><a href='/comments.php'>Comments</a></li> <li><a href='/view_pic_comments.php'>Pic Comments</a></li> <li><a href='/journal.php'>Journal</a></li> <li><a href='/edituser.php'>Profile</a></li> <li><a href='/editsettings.php'>Settings</a></li> <li><a href='/editpictures.php'>Pictures</a></li> <li><a href='/video/editvideos.php'>Videos</a></li> <li><a href='/editicons.php'>Icons</a></li> <li><a href='/edit_lists.php'>Lists</a></li> <li><a href='/group_mine.php'>Cults</a></li> <li><a href='/login.php?logout=1&c=a066e0f3'>Logout</a></li> </ul> </div> it doesnt work in internet explorer can someone tell me why? Hi , Ive got the following html for a site nav bar. I want to shorten the width of the bar by breaking up the two word sections into one column.....i.e About Us would read as.... About Us The section 'Full time' would become Full time This is the html I have - I'm guessing that I may have to create a table? Any advice on this would be gratefully received! The html for the navigation bar is........ <a class=topmenu href="blank.html" target="" tab="0" pid="212" runat="server">About Myeloma</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html">About Us</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="959" runat="server">Teams/players</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="970" runat="server">Professional footballers</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="976" runat="server">Venue</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="974" runat="server">Fixtures</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="978" runat="server">Full time</a><span style="COLOR: #c4c7c8"> | </span> <a class=topmenu href="blank.html" target="" tab="0" pid="975" runat="server">News</a> please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. Hey guys, EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind! Thanks, ~C-Style~ 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 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 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 help... i linked my pdf to text on my website but its giving an error.. 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. 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! I am fairly new at working with Iframes and i was wondering if there was a way to link in the following manner. I have 2 pages named index.html and store.html I have a link in index.html that i would like to open into an existing iframe in store.html the iframe is named iframe in store.html If anyone can help it would be highly appreciated. Thanks |