|
HTML - Navigation Frame
how to make a navigation frame?...
Similar TutorialsHi, I am making a web site and stuck in a place and need help in resolving the issue. Let me explain the issue. I have 3 frames... top, left, right(the main page). The top frame non navigable and has banner. In the left frame I have created tree menus to navigate between different links. The first link is to show the main page in the right frame. I have make a link in the right frame which will take you to the google web site. When I click on the link to take me to the google web page I get the google web page on the right frame. But when I click on the home link which is in the left frame tree menu I AM UNABLE TO GO TO THE MAIN PAGE on the right frame. That mean that the google page that was showing on the right frame should go off and the main page should show in the right frame when I click on the home link ( on the left hand frame tree menu). But it does not happen in that way. I do not understand the reason...... Please help me to resolve this issue........ Hey, I'm just wanting to put together a simple page with frames, which has a navigation frame on the left, then the main section on the right. I want to navigation links to open up in the main section on the right, but currently they are opening on the left, within the nav section. Does anyone know how i can do this? Currently i have as my nav links, which opens a new browser window for that page: <a href="functions.html" target="main.html">Functions</a> I'm just wanting to put together wireframes information, like this http://i2.sitepoint.com/graphics/wireframes2.png Thanks for any help! If I try using the IMG tags in the frame that contains my navigation bar, it moves the picture down and it looks very ugly. In the other hand, I need to create an image map for it but I can't seem to find a way to do that. Halp. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Navigation Bar</TITLE> <LINK REL="shortcut icon" HREF="favicon.ico" TYPE="image/x-icon"> <LINK REL="icon" HREF="favicon.ico" TYPE="image/x-icon"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> <META NAME="author" CONTENT="CENSOREDCENSOREDCENSORED"> <META NAME="version" CONTENT="0.7"> <META NAME="description" CONTENT="CENSOREDCENSOREDCENSORED."> <META NAME="keywords" CONTENT="CENSOREDCENSOREDCENSORED"> </HEAD> <BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"> <TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" HEIGHT="145"> <TR ALIGN="left" VALIGN="top"> <TD HEIGHT="145" WIDTH="780" BACKGROUND="navbar.jpg" NORESIZE BORDER="0" ALT="Navigation Bar"></TD> <MAP NAME="navbar"> <AREA SHAPE="rect" COORDS="341,99,434,124" HREF="main.html" ALT="Home"> </MAP> </TR> </TABLE> </BODY> </HTML> Obviously incomplete, I was trying to get the map to work. I removed the USEMAP="#navbar" because using it with the IMG tags made it look like crap. navbar.jpg is similar to this. Hi everyone, I am a noob. I am creating a website with frames. Using PHP or javascript how can I prevent a user from navigating directly to the subpages on the website? I want them to navigate to index.htm first. thanks I'm bulding a basic website navlist at the top of the screen. My problem is with the active link and how each is highlighted. I have not done this in many years so i'm sure i'm missing something simple as I just don't remember a lot of things. I believe the problem is with how my list is set up. HTML: <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="home.html" target="main" id="current">HOME</a></li> <li><a href="about.html" target="main">ABOUT</a></li> <li><a href="services.html" target="main">SERVICES</a></li> <li><a href="design.html" target="main">DESIGN</a></li> <li><a href="contact.html" target="main">CONTACT</a></li> </ul> </div> CSS: #navcontainer { margin: 100px; padding: 0; height: 30px; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #CBC9C9; width: 108px; height: 28px; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; padding: 0; margin: 0 0 10px 0; color: #494949; text-decoration: none; display: block; text-align: center; font: normal 20px/28px "Lucida Grande", "Lucida Sans Unicode", Arial; } #navcontainer ul li a:hover { color: #CBC9C9; background: #989797; } #navcontainer a:active { background: #7A7A7A; color: #CBC9C9; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; } #navcontainer li#active a { background: #7A7A7A; border: 1px solid #CBC9C9; color: #9B9B9C; border-top: 1px solid #7A7A7A; border-left: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A; } I guess I don't know how to properly identify the active link. If you'll go to www.njcomplete.com, enter, you will see what I am talking about. The initial load looks right. However when I click on another link the page changes but the active link highlight isn't right. Any idea what I'm doing wrong? Hey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul hey guys, im looking for a way of cutting down the amount the visitor to my site has to download, as well and speed of loading betweens pages, ive attached an image of how to site looks so far, i have rows of links on eith side, on the top, and a row going down the center i wish to display in. If the user clicks on a link from anyside i would like only the center text to change and leave the links and header, saveing on size of the web pages on the server and the amount the user has to download i looked around and found frames would be an answer but there god dam confusing and it seems they come attached with a scroll bar where as i would like the page to simply feed downwards is there any way of keeping the outer part like a template and like i said just have the links replace the text with what ever the topic? Hey Guys - I need to make a real basic page with a frameset-like element. I need the top part of the page to remain stationary, and the bottom scroll underneath it - so that the top part of the page stays on stop of whatever the user is looking at. Should I do this with frames, or is there another method that I am unaware of? Thanks! I have welcome page which code is like this, This page will display after login page. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:t="http://myfaces.apache.org/tomahawk" > <frameset rows="26%,*" border="0" frameborder="0"> <frame name="f1" src="heading.jsf" scrolling="no" noresize="noresize" /> <frameset cols="25%,*"> <frame name="f2" src="menuTree.jsf" scrolling="no" noresize="noresize" /> <frame name="f3" src="body.jsf" scrolling="auto" noresize="noresize" /> </frameset> </frameset> </html> I have one command button in body.xhtml page, after clicking that button, i want to dipaly login page again without any frame, ie. i want to display that page entire screen, but in my case its displaying only in body page. How to solve this problem, Regards, Vinutha. hmm I asked for help in getting a big frame over the site content and I got here help .(by the way thanks)(I dont mean frames... What I meant was to put the content in some kind of a big frame likse div...) Code: <html>
<head>
<style type="text/css">
html, body {
background: blue;
}
* {
margin: 0;
padding: 0;
border: 1;
}
#container {
width: 885px;
margin: 0px auto; /*centers #container*/ padding: 5px;
background: black;
}
</style>
</head>
<body>
<div id="container">
</div>
</body>
</html>
it helped but then I found another problem : I used this code for puting a frame the i can scroll over something but now it doesn't work Code: <b style="overflow:auto; height: 640px; width=292px;" class="sotableup" align="left"> </b style> And now it doesn't work. Any ideas? i am using iframe concept in my website ,But it is not working Here is the code: <iframe name="downlineframe" height="400" width="100%" frameborder="0" src="http://nyoil1.ning.com" ></iframe> if i give http://nyoil1.com,it is working well,if i give http://nyoil1.ning.com na its not working.... I wanted to put some kind of a big frame ( not with frames ) around the web content so that the sides would be clear without any content on it. I tried alot of stuff but nothing helps like: BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) Ok call me slow but I am starting to move to a non-frame web site structure now and I am going to be getting away from tables except to display tabular data. Most of my sites have a header image and a menu that I want to stay constant from page-to-page. Also, I assume I want to lay-out my pages using styles and divs. Can someone point me to a resource that discusses these things. Thanks a ton in advance~ Well, here's the gig. I'm using a select tag such as (I've dimmed it down so it is easier to follow): <select id="gameNumber" name="gameNum" onchange="update()"> <option value="1">Number 1</option> <option value="2">Number 1</option> </select> As you can see it is using the function "update()" when someone selects an option from the drop down list. The update function looks like this: <script type="text/javascript"> function update() { window.loction.reload; } </script> Now I want it to refresh another frame with the id "datascreen", not the current frame that it is in. I'm using vertical frames, the follow is the code: <frameset cols="25%, 75%" <frame noresize="noresize" src="admin.php" name="main"> <frame noresize="noresize" src="showdata.php" name="data" id="datascreen"> </frameset> Now, the select drop down menu is in the admin.php, and I want this action to refresh/reload showdata.php. Hopefully someone can help me with this. Thanks Chad. We just started using an frame within an iFrame on many of our new applications, but once we changed to this format the normal frame became static (not resizable) only within IE. Firefox works fine. Anyone have any suggestions to fix this issue? Before we started using iFrames everything was resizable, but I believe IE has a bug where it doesn't allow resizing within an iFrame. I've been working on a site and just starting working with frames, I don't know a whole lot about HTML but there's so much stuff online about it that I've been getting by fine. Anyways, I pretty much want every page on the site to use frames, with the same menu frame on the one side for every page and then different stuff on the right side for different pages. I did this for one page and it worked fine (the page is 20% menu and 80% home page), but when I tried doing it on a second page things got weird. The page is like 80% of the home page on the right side, and on the 20% side there are two frames, one being the menu and the other being the About section. Here's the page in question. The HTML is probably really sloppy...Sorry. Greetings to all. I have been trying to sort this problem for a very long time. I have 2 frames on my web page, one is the contents. Can I link to a specific part of another frame? I don't think HTML allows this - or does it? Help please. |
|||||||