|
HTML - Navigation Bar With Frames
I am trying to place a horizontal navigation bar (or menu, whatever its called) in a frame at the top of the screen while another horizontal frame below it displays the contents once the user clicks on one of the menu bar items.
I have done this with just links; however, I am having a tough time displaying whats clicked in the menu appear in the frame below it. For example- how do I make another html file I made (not a url to a website but for ex. " website.html") appear in the frame directly below the menu once the user clicks on the "link 1" tab in the menu bar? Here is the code I got for a simple menu (css style sheet not attached)- Code: <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div>
</body>
</html>
And the code for the index file Code: <html> <title>Example</title> <frameset rows="65,*"> <frame src = "menu.html"> <frame src = "Homepage.htm" name="showframe"> </frameset> </html> Any help would be appreciated! Thanks Similar TutorialsHello, First of all I am not a fan of HTML frames but in this case it is necessary.. Please take a look at http://www.2chill.net/frame.html Basically I want the navigation (located in the top frame) to appear in front of the main frame.. is this possible? If that is undoable, is it possible to create a HTML page which contains an iframe with a height & width of 100% minus a fixed number of pixels for header and footer? If that is possible, I could set the z-index of the navigation to a higher number than the z-index of the iframe which will ensure the proper visualization (?). Thanks, John I'm very new to HTML/CSS/Javascript. In the website I'm trying to build, I want to display a relatively simple navigation menu on the left side of the webpage, similar in look to the one here (example): http://build-website.com/design/opportunity.html Is there some way to put the initialization text for the navigation menu in a separate .html file (or, just some other file), so that every time I want to add a section/link to the nav menu, I won't have to go through each of my web pages individually and add the code for the link? (I am not going to use frames because, among other things, that would make it more difficult to bookmark and copy addresses of individual pages) I have been teaching myself through the w3schools tutorials, but despite looking through them and googling for answers I haven't been able to find a solution. Is this possible in HTML? Something that would allow something like like <div src="navmenu.html"> would be ideal but I haven't been able to find anything. (At the moment I'm just using notepad and typing in code manually) I've heard many times "don't use frames, there is better ways to accomplish it", and I was wondering, is this just referring to "invisible" frames, or any frames? For example, look at Kingdom of Loathing. They use frames (or what appears to be frames) and I can't see how they could successfully make that site without. If I had to have all the screens scroll as one rather than separate, and couldn't resize when I needed to, it would be extremely annoying. So, frames are bad, or just the invisible ones? Lock n delete. My net is stuffing up n it double posted. Please read my other post... Hello, I was just learned about frames and I just get a little bit curious why not so many websites use frames, is it, like, not great? Can you tell me pros and cons about it? Thank you. Hey, I'm a html noob building a website for html. I have frames set up so that it is 3 columns. In the middle column there are three rows (Header, menu and content respectively). The problem I'm having is, although I've made the frames so that they can't be dragged to alter their size, when the user resizes the window the frames get resized and all the content (including banner, menu buttons etc.) get cut off or pushed into "no mans land". Id like one of the following to be possible: - How do i make the window so it opens at a specific size, and cant be resized. - Or if the window has to be resizable, can i set a minimum point the frames can be resized to. - Or how do i make the content so that it doenst go to the s***house. - Or how do i make the frames so they aren't resized when the window is... Bellow is a picture and my coding so you can see what's wrong: (in the picture you can see the banner being cut off, the buttons havent been cut off yet as the window is still big). <body properties="fixed"> <frameset border="3" bordercolor="#000000" rows="100%"> <frameset cols="20%,60%,20%"> <frame src="backdrop.html" name="lbackdrop" noresize scrolling="no"> <frameset rows="25%,10%,65%"> <frame src="header.html" name="header" noresize scrolling="no"> <frame src="menu2.html" name="menu" noresize scrolling="no" <frame src="main.html" name="mainwindow" noresize scrolling="no" </frameset> <frame src="backdrop.html" name="rbackdrop" noresize scrolling="no"> </frameset> </frameset> </body> Thanks in advance Hi there I recieved a template from a friend for my website. I have finished most of the site i now i have a problem. I would like to offer advertising space on eaither side of the page but i cant seem to do it. Please can somebody help me out. Thank you. The website is http://www.sapokershop.co.za you will see what i mean when i say space on the sides. I work with frames on my site. I have a link to another site where I want to open with another site in the same window. The problem is that of course the frames stay there. Only the main frame changes. How can I let disappear the frames, and open a new site in de same window? I have a page that has a few images with links to differnet sites and I want them to link to another page with a frame at the top that shows the same inages that are smaller and the page of the website below it. I know how to do frames but I dont want to create a different page per link. (In short I want to have a link to a website open in another page with frames) Here is a basic idea for the front page http://www.techmatefl.com/pcp/ Here is the second page with the icons and the blank area is where I want the different sites that you choose to show http://www.techmatefl.com/pcp/site.html So it will be like a google image search in a way. Let me know if there is a way to do this with HTML, JS, or anything else. look i know that frames are bad but i have a good cause to use them XD all im wondering is - "For every one of the frames that i use, in the source file of the frame will i need to put the standard tags e.g. doctype, html, head, body, meta, title or can i just start with the code and it will work????" never used frames before so this is why im asking??? personally i think i will need to put in the standard tags because frames work differently to the PHP include function which practically copy and pastes the code into the file where you put your include function if im not mistaken??? Anyways thanks in advance Marcus =] Hi I need a page that has six eqaually sized frames displaying different sites with a scroll bar on each and no border. How would i do this Thanks hi there i just need help with frames thing. i am abit new with this html stuff here i have three frames one at top as tittle one, at the side for menu and one the main... now wat i dont know is at the menu frame i have created a table where i have inserted pics instead of words now i want like when i click on one pic a certain file should be opened in the main frame which i have named as body.htm and not ina new window hope u are understanding wat i am trying to put here is the code of the menu page <html> <head> <title>my web</title> </head> <body background="wallpaper.jpg"> <img src="menu.gif" align="middle">*** here also i putted the align thing but still the pic comes in the side ** <table> <tr> <td><a href="body.htm"target="body.htm"> ** this is the code i used but whenever i click on the doll image the page opens in new window which i dont want..** <img border="0" src="dolls.gif"/></a></td> </tr> </table> </body> </html> hope u understand what i m trying to say. i have a menu frame in which i ahve put pics now what i want is when i click on the pic at the menu frame i want the link to open in the same window at mainframe thanks will wait for the repliess I'm wanting my website to not cover the entire screen. Like only be 85% of the width of screen so the a background would be visible around the edge of the actual content of the site. Can this be done with frames? I tried but couldn't get it to, but didn't know if there was some other way. I know it could be done with tables, I just thought it would be easier with frames...if possible. Thanks, Justin Hello guys, im new here =) So.. I was trying to make a frame with a scrolling bar, like this site >> www.roxdownload.net take a look =) What should i do? Thank you very much =D hi, i need help with frames, what i want is first a search box where a user puts in a search term then this is made into a string and added to 8 urls all of which are displayed in frames, could you help me write this thanks Alright so I am using macromedia dreamweaver building a website and I have set up my page so that there is a menu on the left side using a frame. Now when I make links using the text in the frame, it opens the new page in that frame which is not what I want. Ideally I would like it to open in another frame and keep the menu bar frame on the left side. So i guess that makes my question two part. How do I link a page from a frame into either a whole new page or in another frame keeping the original menu frame there? if this doesnt make sense i can try to re-word it or try and show you my problem. thanks I need help to create the frameset with the structure in the attached file. Can anyone help me please? Hey. I have a little portfolio - and I want to add a frame (Atleast I think that's what I want to do - you can reccomend something else.) to the top of each of my portfolio contents. So the visitor isn't deviated away from my website. Am I making sense? Basically I want something, (if not exactly like it) like the frame on the top of every site in every google image search - like this: Really, I just don't want my visitors to have to press "back" in there browser to get back to my portfolio - instead, wouldn't it be better if I had that kind of frame and just stuck on some sort of banner linking to my portfolio - or even a text link. So, do any of you know of any source code, or way of doing it? Without ruining the layout? Thank you if you help. I have three frames: -Header -Menu -Content On -Menu, I'm using drop down menu. This is were my problem occurs. All the options don't show up. So I was just wondering it is possible to overlay the -Menu frame over the -Content frame? Any other method to try and get around this problem? Thanks. |
|||||||