|
HTML - Navigation Positioning + Frames
Hello,
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 Similar TutorialsI 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 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) Hey, I was just wondering how I could have the navigation bar centred despite what resolution you view it in rather than fine in one and messed up in others. This is where it's for.. www.aweentertainment.com/tempindex.html Thanks. Hello Folks, I'm currently redesigning my site and am having a problem with the last bit! I know that CSS is the method of choice now for web design but I need to integrate my site with a commercial shopping cart called Actinic. This uses tables and is virtually impossible to rewrite using CSS. It makes for a seamless integration if I stick with tables for my part of the site, and less headaches trying to make the two sites look the same. I want to move some of the links away from the left hand column on the page and put them into a horizontal bar at the bottom. I've created a tile which repeats, but I want it separated a bit from the left hand column. Here's a url so you can see what I'm on about. http://www.magicalwonders.com/NewLook/Index.html You will see that the blue bar created by my tile is stuck to the side of the left hand column. My problem arises in trying to move this bar to the right of the left hand column, so that there is a gap between the two. I was hoping to avoid using a full size graphic as I want to keep the file size to a minimum. I've tried Cell Spacing & Padding which doesn't have any effect, so I've tried putting the background tile in between Div tags and specifying a width using the following code:- <td align="center" ><Div width=300px id="footerbackground">Some links go Here</Div></td> This hasn't worked though and the tile fills up the entire width of the cell that the Div is in. I would be grateful if anybody can offer any advice. Many thanks, Myles Hi all, Graphic designer here hell bent on learning web design with a question probably asinine for all those viewing but vexing to me for the last week. I have a site beautifully designed (can be seen here as a static jpeg) and seemingly straight forward and basic but making it functional on the web as I designed is proving to be quite the arduous task. I have many questions concerning this project but I'll keep this thread focused on the code for positioning images on the navbar. I have the buttons (67px by 14px) and sidebar (36px by 594px) all measured out and have tried a few different semantics to accomplish this but all for not. The images always end up stacking in the top left corner. HTML Code: <body>
<div id="butttons">
</div>
<div id="nav">
<img src="images/layout/images/Side_nav.png"/>
</div>
<div id="butttons">
<div id="nav_Home">
<img src="images/layout/images/Home.png"/>
<div id="nav_Portfolio">
<img src="images/layout/images/Portfolio.png"/>
<div id="nav_Contact">
<img src="images/layout/images/Contact.png"/>
</div>
</body>
And then this is the Refferenced style sheet HTML Code: #nav {
position: absolute;
top: 0px;
left: 0px;
}
div.nav_side {
background-image: url(images\layout\Side_nav.gif);
background-repeat: no-repeat;
background-position: top center;
width: 36px;
height: 594px;
}
#buttons {
position: absolute;
background-repeat: no-repeat;
background-position: top center;
top: 500px;
left: 36px;
}
.nav_home {
background-image: url(images\layout\Home.gif);
background-repeat: no-repeat;
background-position: top center;
position: absolute; top: 552; left: 35;
width: 67px;
height: 14px;
}
.nav_Portfolio {
background-image: url(images\layout\Portfolio.gif);
background-repeat: no-repeat;
background-position: top center;
position: absolute; top: 566; left: 35
width: 67px;
height: 14px;
}
.nav_Contact {
background-image: url(images\layout\contact.gif);
background-repeat: no-repeat;
background-position: top center;
style="position: absolute; top: 580; left: 35;"/>
width: 67px;
height: 14px;
}
I literally just started learning Html /CSS / Java a month ago; spare no details! ANY help with ANY (text formatting, background gradient that adjusts relative to a screen size, rollovers on the nav etc...) part of putting this site together will be more appreciated then most can fathom. I'd be willing to exchange some graphic work if any of you stuck this out to the end with me. 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? I need help to create the frameset with the structure in the attached file. Can anyone help me please? 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 When designing websites in the past I have always used tables to organize content, but I've noticed that many professional templates don't use tables, but instead use Div Ids. Are Div ID's better and if they are can anyone tell me how to use them. How to make such frames i can`t make it 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. I've been struggling with this for a while now. I am trying to use framests to make a navbar and the mainpage. The frame for the navbar appears on the page, but the navbar doesn't. And the navbar says page cannot be diplayed. I am still in the early stages of learning html so I may not understand everything the first time around. This is what I have done so far. Code: <html> <head> <title>My Frameset</title> </head> <frameset cols="150,*"> <frame src= "navbar.html"> <frame src= "mainpage.html"> </frameset> </html> I have a page saved as navbar.html saved in the same folder also. Any suggestins. Thanx 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 hey last time i made a website was a few years ago, now a days, do people use frames? how is a website like hostmonster.com (my host) made? does that website have a frame? or did they something like css(which i have no clue what it is) Thanks guys, so far this forums has been helpful. Hey, http://www.artistrichardcook.co.uk/src/ - here is the start to a website I am making for my art college which exists of two frames. A left (with the links) and the main frame (with the content). Simple. However, due to it being a frame and the obviously long list of links, when my browser is smaller than usual you can't see the bottom of the links. I know I could add a scrollbar to the frame but it looks pretty awful. My screen is a 17" laptop and the number of people at college viewing this will have smaller laptop screens and this is my problem. Basically, was there anyway to make both the left frame scroll as you scrolled the main frame as in linked? So the scrollbar would exist for both the frames rather than just one or the other? Sorry if this doesn't make sense but I'm not sure how else to put it. I would appreciate any help Thanks, Rich 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 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 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. 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 =] |
|||||||