HTML - Navbar Pages Open In Main Frame?
Hi all,
Second post here. I'm pretty new to html, and I'm using it to fix up an old site. I got a navbar off some cool site with little html doodads, and I want to position it in the top frame of a page, so that it remains up the top of the page no matter where on the site you go. Unfortunately, whenever you click one of the links in the bar, it directs you to that link IN THE TOP FRAME, rather than instead displaying it in the main one. Here's the code for the navbar: Code: <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=0,0,0,0" WIDTH=550 HEIGHT=27> <PARAM NAME=movie VALUE="http://www.guistuff.com/tools/flashtop/tags3x_vl.swf?tarframe=_self&exbackground=222222&makenavfield0=Home&makenavurl0=http://www.hcm.asn.au/main%20page/indexmain.htm&makenavfield1=Programs&makenavurl1=http://www.hcm.asn.au/program/program.htm&makenavfield2=Can I Help?&makenavurl2=http://www.hcm.asn.au/can%20i%20help/canihelp.htm&makenavfield3=History&makenavurl3=http://www.hcm.asn.au/history/history.htm&makenavfield4=Events&makenavurl4=http://www.hcm.asn.au/family/Family%20Album.htm&makenavfield5=Contact Us&makenavurl5=http://www.hcm.asn.au/contact/contact.htm"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=noborder> <PARAM NAME=salign VALUE=LT> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="http://www.guistuff.com/tools/flashtop/tags3x_vl.swf?tarframe=_self&exbackground=222222&makenavfield0=Home&makenavurl0=http://www.hcm.asn.au/main%20page/indexmain.htm&makenavfield1=Programs&makenavurl1=http://www.hcm.asn.au/program/program.htm&makenavfield2=Can I Help?&makenavurl2=http://www.hcm.asn.au/can%20i%20help/canihelp.htm&makenavfield3=History&makenavurl3=http://www.hcm.asn.au/history/history.htm&makenavfield4=Events&makenavurl4=http://www.hcm.asn.au/family/Family%20Album.htm&makenavfield5=Contact Us&makenavurl5=http://www.hcm.asn.au/contact/contact.htm" loop=false menu=false quality=high scale=noborder salign=LT wmode=transparent bgcolor=#FFFFFF WIDTH=550 HEIGHT=27 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT> If you need any other code (such as that in the top or main frames), just let me know. Any help appreciated. Cheers, Franklint Similar TutorialsI'm tring to open word in a frame to read a word doc. Word will not cooperate. Is this possible to do? TIA, Jeff <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <frameset rows="*" cols="220,*" frameborder="no" border="0" framespacing="0"> <frame src="tree/index.php" name="leftFrame" scrolling="Yes" noresize="noresize" id="leftFrame" title="leftFrame" /> <frameset rows="40,*" frameborder="no" border="0" framespacing="0"> <frame src="rfp_top.php" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="doc.doc" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> </frameset> <noframes><body> </body> </noframes></html> I have a site that has 3 frames: top, menu and pgmframe. The frame "pgmframe" contains the "dynamic" content. A user signs on, and has options in the "menu" frame that allow them to navigate the site. What I would like to have happen is for the page to set focus on the "pgmframe" frame so that if the user decides to click the print button on their browser, it will ONLY print the contents of "pgmframe". I have already done some research and it seems that the only way to do this is with a print button. Is this true? If not, how can you set focus on a frame so that when the user clicks print on their browser, it prints only the pgmframe. I was wondering if there is some code to put within <a> so that the link will open 2 pages instead of one, or open one page, then automatically go on to the second page? thx! Okay, with frames, whenever there is a link that you want to open up in the parent browser rather than inside the frame, all you have to add to the link code is "target="_parent"". However, for INPUT BUTTONS(not links) this doesn't seem to be the case. This is my input button code: HTML Code: <input id="button" type="button" value="Submit!"> the input button is INSIDE A FRAME, and because of that, when I click on it- the link goes inside the frame... how do I make it so the input button links to the PARENT browser? 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 Hello, I'm new to this forum, but I came here because I need help with editing a navbar that came with a free template I downloaded. You can view the navbar (along with the rest of the sight) here. I'd like to change it to these images in the order they come. Regular = Mouse Over = Link To = index.htm Regular = Mouse Over = Link To = forum/index.php Regular = Mouse Over = Link To = download.htm Regular = Mouse Over = Link To = http://mail.google.com/a/layercakeclan.com Regular = Mouse Over = Link To = frappr.htm Regular = Mouse Over = Link To = music.htm And here's the spacer to fill the rest of the space... The current code for the navbar is... HTML Code: <td colspan="3"> <a href="index.html"><img src="images/Slice_07_7.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_07_7_over.gif"></a></td> <td> <a href="forum/index.php"><img src="images/Slice_08_8.gif" alt="" width="73" height="37" border="0" hsrc="images/Slice_08_8_over.gif"></a></td> <td> <a href="forum/index.php?board=3.0"><img src="images/Slice_09_9.gif" alt="" width="49" height="37" border="0" hsrc="images/Slice_09_9_over.gif"></a></td> <td colspan="3"> <a href="roster.html"><img src="images/Slice_10_10.gif" alt="" width="71" height="37" border="0" hsrc="images/Slice_10_10_over.gif"></a></td> <td colspan="2"> <a href="matches.html"><img src="images/Slice_11_11.gif" alt="" width="81" height="37" border="0" hsrc="images/Slice_11_11_over.gif"></a></td> <td> <a href="downloads.html"><img src="images/Slice_12_12.gif" alt="" width="105" height="37" border="0" hsrc="images/Slice_12_12_over.gif"></a></td> <td> <a href="sponsors.html"><img src="images/Slice_13_13.gif" alt="" width="93" height="37" border="0" hsrc="images/Slice_13_13_over.gif"></a></td> <td> <a href="links.html"><img src="images/Slice_14_14.gif" alt="" width="57" height="37" border="0" hsrc="images/Slice_14_14_over.gif"></a></td> <td> <a href="about.html"><img src="images/Slice_15_15.gif" alt="" width="85" height="37" border="0" hsrc="images/Slice_15_15_over.gif"></a></td> <td colspan="2"> <img src="images/Slice_16_16.gif" width="194" height="37" alt=""></td> ..that's all the information I think you'll need, but if you need more jusr reply and I'll see what I can do. Hello, I've downloaded the Extreme Gaming template and was pleased to find the the navigation bar had a PSD that was easy and simple to edit. However, I'm having problems integrating the edited navigation bar into my site. When I do, it seems to move around all the tables and leave black spaces everywhere. I'm not experienced enough at HTML to find the problem and fix it. I was hoping that maybe someone could do it for me or give me a few pointers at what I'm doing wrong. Here's the images I go after editing the PSD and slicing it accordingly. This is what I want the new nav bar too look like... (mouse off) (mouse on) (those are all different images, not one big long one) Here's a zip for all the images above... images.zip The links are as follows... Home - index.html Forums - forums/index.php Downloads - downloads.html Structure - structure.html Frappr - frappr.html Mail - http://mail.google.com/a/extremedeadlyforce.com/ And here's the code for the current navbar... Code: <tr> <td colspan="3"> <a href="#"><img src="index_files/Slice_07_7.gif" alt="" hsrc="images/Slice_07_7_over.gif" border="0" height="37" width="57"></a></td> <td> <a href="#"><img src="index_files/Slice_08_8.gif" alt="" hsrc="images/Slice_08_8_over.gif" border="0" height="37" width="73"></a></td> <td> <a href="#"><img src="index_files/Slice_09_9.gif" alt="" hsrc="images/Slice_09_9_over.gif" border="0" height="37" width="49"></a></td> <td colspan="3"> <a href="#"><img src="index_files/Slice_10_10.gif" alt="" hsrc="images/Slice_10_10_over.gif" border="0" height="37" width="71"></a></td> <td colspan="2"> <a href="#"><img src="index_files/Slice_11_11.gif" alt="" hsrc="images/Slice_11_11_over.gif" border="0" height="37" width="81"></a></td> <td> <a href="#"><img src="index_files/Slice_12_12.gif" alt="" hsrc="images/Slice_12_12_over.gif" border="0" height="37" width="105"></a></td> <td> <a href="#"><img src="index_files/Slice_13_13.gif" alt="" hsrc="images/Slice_13_13_over.gif" border="0" height="37" width="93"></a></td> <td> <a href="#"><img src="index_files/Slice_14_14.gif" alt="" hsrc="images/Slice_14_14_over.gif" border="0" height="37" width="57"></a></td> <td> <a href="#"><img src="index_files/Slice_15_15.gif" alt="" hsrc="images/Slice_15_15_over.gif" border="0" height="37" width="85"></a></td> <td colspan="2"> <img src="index_files/Slice_16_16.gif" alt="" height="37" width="194"></td> </tr> Here's the link for the whole template... default_template.zip Thanks is advance! If you need anything else just say so. I am trying to create a navbar based on http://www.myweddingfavors.com. Here is mine: http://www.prizepappa.com In FireFox the onmouseover and onmouseout seem to be working fine but not in IE. There is a strange delay. And I can't seem to get my searchbar looking right. I am really new to this. Anyone think they could help me straighten out my code and css? Thanks Hello, Can someone please tell me how I can implement a navigation menu which will highlight the currently viewed page content when using CMS? Basically every page address has the name 'index.php?site=(name of page)' so effectively every page is the same but the content differs. I want to add a navigation menu which indicates the currently viewed content within the page. Thanks very much in advance for your time. Hi, sorry if this is something that has already been answered but I'm trying to make a site that had a standard navbar on every page, however when ever I want to change the navbar I have to copy the new code to each and every page on the site. How can I do this so that I only need to update the code in one place? I did a course in web design years ago and in that I used frames to achieve this however it's my understanding that frames are now depreciated and so there must be another way to do this? I know you can link to javascript that is stored in another file as well as have your css as a separate file, is it possible to do this with HTML and if so is that the easiest way to do it? I know I have posted in the HTML section but I'm also trying to learn PHP at the moment (which is largely what the site if for) so if there is a solution involving PHP that that's welcome too, doesn't have to be a HTML solution, I just presumed that there would be an easy way to do it with HTML alone. Hi all, I'm obviously a newbie here, but I was wondering if anyone could provide some help on this NavBar problem that I'm having on a site I'm building for a client. This is probably an easy fix, but I'm not sure what the exact issue is. The site is http://www.telcare.com/ I added that new button for "Careers" last night and now I'm noticing on Firefox & Chrome that the dark blue NavBar with the buttons is stretching to the right. I'm thinking that perhaps the buttons are too wide and it's moving the dark blue background bar beyond the page size. Any help or advice will be much appreciated. Thanks hi there, ive searched all over the internet about this. but i think im searching the wrong way...and thats why im here, to ask you guys. how does one get the neato lil icon in the navbar for their website? im fairly new to html, but if anyone could explain or point me in the right direction, i would be very appreciative thanks I need to create a very basic nav bar with some properties. Here are my requirements below: *I use six images in place for the link *I use six additional images for 'hover images'. So when the user hovers over one of the nav images a new one shows up *Each additional image is different. *I need it to work in ie6(hopeful), ie7, ie8 *I would like for it to be valid code as well. Now I'm busy doing css navs and I forget the 'old school' days of html nav bars. What would be good resources for such a navbar for me to review and create this? Any help would be greatly appreciated. Hello folks! I'm currently designing a site and must create the navbar below. However, to maintain consistency with IE6, we're not going to be using negative margins which makes this much more difficult. Between my partner and myself we've put a good 10 hours into what we thought was a simple element. Despite him being a programming and myself being a graphic developer, we'be both had a limited amount of education in HTMl and CSS and assumed we'd be able to handle it. Unfortunately it's not looking so at the moment. Any help given is most appreciated... I'm super frustered. Here are the two images I'm using in the above example if anybody feels like taking a stab at it: I fixed It! I added the images inside the banner image My main pages have a thick navy blue nav bar at the top. http://budurl.com/u24k/d This is the way I'd like it to be. I copied and pasted the code to create the portfolio pages http://budurl.com/7fpy/dbut the navbar appears skinnier ... making a space appear when the "portfolio" pulldown menu is engaged. I'm probably missing something completely obvious, right? Thanks so much for your help! |