|
HTML - Drop-downs Dive Under Lower Frame In Firefox
I'm prototyping several possible ways to build a website that's
targeted towards unsophisticated users here in Mexico, so an un-scrolling navigation menu would be very helpful. This is the code for a simple Frameset with a Suckerfish drop-down menu is in the top ("header") frame. (BTW Suckerfish is an elegant snippet of code, isn't it?) Here's the code of the Frameset (quite routine): Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <!-- saved from url=(0013)about:internet --> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <frameset framespacing="0" rows="90,*" border=0 frameborder=0 > <frame name="header" scrolling="no" noresize target="main" allowtransparency="true" src="header.htm" style="position:absolute; top:0; left:0; z-index:5"> <frame name="main" src='homeeng.htm' style="z-index:1"> <noframes> <body> <p>This page uses frames, but your browser does not support them.</p> </body> </noframes> </frameset> </html> It took alota fussing to get the drop-downs to not disappear behind the lower ("main") frame. Z-index is no help. Finally they go over not under it, but only in IE7. They still dive under "main" in IE6 and Firefox. You can go to the website http://www.ajijiclimpio.org/frameset to see what I mean. Hover on the "about" menu item: it drops down fine in IE7; then take a look with Firefox. See what I mean? You can click on the Download Demo button at the bottom of the page on the website to get a zip of all the code. So, how do you get this working, hopefully in a compliant manner, in both IE and FF? Even if Framesets are not an ideal solution, it would be interesting to find the answer. Also, I hate being defeated by software quirks. Any ideas? Similar TutorialsI'm trying to have links in a drop down menu on my site. but they keep getting hidden behind the images? http://www.jesdeis.com I'm using dreamweaver cs5. I've tried using the spry menus, and im currently just using css ul/li menus. I can't figure it out. Thanks in advance! Howdy. The drop-down menus on my website, http://www.prs-nj.com, which I created on a Mac using Fireworks, are a little buggy. They don't stay up long enough and often you have to do some deft maneuvering with the mouse in order to get them to drop down. I would appreciate any advice you could give me. Yours, Gidmeister How do you display select drop downs side by side on web page using HTML? Okay here is the previous thread that lead me to this issue. http://www.htmlforums.com/html-xhtml...tml#post670803 It solved my issues of opening a new window based off of the selection in a drop down, how ever I have 13 drop downs and the script from the above thread only allows one drop down to work. The drop downs will increase, is there any way to get them all to work. Thanks dt_gry I am having trouble with a website I am creating for my local pool league. the problem is that I am going to have a lot of pages in the website and obviously dont want to have to edit every page individually if I change the menu. To combat this I have tried using a frame with the menu inside and the content below but as it is a drop down menu, only a couple of the menu items appear without having to scroll the frame. Is there a way to combat this, perhaps even a different method to using a frame? I am definatly amature at best when working with HTML/Javascript so please be patient. Thanks for any help Phoenix_fiames I am using a 3 frame page (header, menu, bottom) I have a drop down menu that is in 'Menu' titled frame and i want it to open up in another frame called 'bottom' what do i add / change in my code below. Thanks in advance. Regards Grant Code: <script>
<!--
function land(ref, target)
{
lowtarget=target.toLowerCase();
if (lowtarget=="_self") {window.location=loc;}
else {if (lowtarget=="_top") {top.location=loc;}
else {if (lowtarget=="_blank") {window.open(loc);}
else {if (lowtarget=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("*");
target="bottom";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000);}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#FFFFFF">
<form action="dummy" method="post">
<a target="_bottom">
<select name="choice" size="1" onChange="jump(this.form)"><option value="">CHOOSE A LINK</option><option value="http://www.yahoo.com*_top">YAHOO</option><option value="http://www.hotbot.com">HOTBOT</option><option value="">- - - - - - - - - -</option><option value="http://www.microsoft.com">MICROSOFT</option><option value="http://www.netscape.com">NETSCAPE</option></select></a></form>
</span>
</body>
The following code works fine in any version of Internet Explorer, but sadly not Firefox. SetPrompt is just a javascript method from my frame called fraMap that sets the text of a textbox. Can someone please tell me how to accomplish this in Firefox? I have tried to search the forums and used examples but nothing I have found has worked, thanks for any advice! Code: parent.fraMap.SetPrompt("Click Two Diagonal Points To Set Zoom Area");
I'm working with frames www.culturelounge.com and the title is correct in my html code on all pages of the site. When I load the url in internet explorer, the title shows up fine. When I load the url into Mozilla Firefox, the title shows up as "untitled document" Does anyone know what might be going on here? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <title>Untitled Page</title> </head> <frameset rows="15%,85%"> <frame src="framesTop.html" name="homeBtn"> <frame src="framesTop.html" name="honeBtn"> </frameset> </html> Firefox won't load the second frame (IE will). I started out with a more complicated layout, but FF wouldn't load anything but the first frame. So I started pruning. This is about as simple as you can get, but it still won't load that second frame. Can anyone tell me why? When I view the source of the first frame it shows me the source, but when I view the source of the second frame, it shows me the source for a blank page. I have a flash style drop down on my site www.primenewscenter.com and the menu works fine and how it should in IE and Safari but for some reason not in FireFox, I was wondering if someone could please help? Thanks! www.primenewscenter.com - main front page http://www.primenewscenter.com/index-new.php - where the code is for the menu Thank you 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. 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 Does anybody know how to like, move the background image down? Here's what I have for it: body { background-color: #FFFFFF; background-image: url(http://i43.tinypic.com/2d6mzvd.jpg); background-repeat: no-repeat; background-position: center; text-align: center; } 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 - 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! 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? 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? 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) |
|||||||