Click to See Complete Forum and Search --> : Dropdown background color box
On http://www.optioncaddie.com/test.htm when you run the cursor over 'Client Access' the 'Refco Express' choice has a thistle colored box and as you move the cursor over the various choices it seems to 'stick' on Refco Express and Refco Trade Recomendations. This 'sticking' problem doesn't happen on any of the other menus.
Additionally, the word is outlined by a thistle background even as the cursor has moved on to other choices.
Daria
04-22-2003, 01:26 PM
It depends. Post the script for your form here, we'll take a look.
Daria
04-22-2003, 01:32 PM
For example, for a simple jump:
<html>
<head>
<style>
.inputt {background-color:red;}
</style>
</head>
<body>
<form name="form1">
<select name="form1g" onChange="MM_jumpMenu('parent',this,1)">
<option value="selection1.html" class="inputt">selection 1</option>
<option value="selection2.html" class="inputt">selection 2</option>
</select>
</form>
</body>
</html>
Daria
04-22-2003, 02:25 PM
Another, better, way (for uniformed backgrownd):
<html>
<head>
<style>
option {background-color:blue;}
</style>
</head>
<body>
<form name="form1">
<select name="form1g" onChange="MM_jumpMenu('parent',this,1)">
<option selected>select from the following:</option>
<option value="selection1.html">selection 1</option>
<option value="selection2.html">selection 2</option>
</select>
</form>
</body>
</html>
havik
04-22-2003, 02:47 PM
Where is the client access? As of right now I don't see anything.
Havik
Daria
04-22-2003, 03:17 PM
What happened? It seems that I'm posting in the wrong thread????? I distinctively remember original message to go something like "OK, now, how do I change the background in the dropdown box?"
----------------------
However, I agree - I don't see "client Access".
REGARDLESS....
Remembering your original site from yesterday's thread: that that particular link was indeed "stuck" in one color (first column on the left, first link from the top, right?)
Make sure that your visited links style corresponds with link style. I guess it may be it.
It may not be it.
You have to post that particular page again for us to see it.
I was having conflict problems with my 'real' website so I changed things around. The address to check is http://www.optioncaddie.com/test/template.htm
I have cured most of the problems (with your help) but am now working on when visitors come to my site with the 'View' of the IE 'Text Size' set to 'Larger' and how the menu bar is affected. Is there a way to set it to a certain size regardless of the visitors text viewing size?
havik
04-22-2003, 08:14 PM
Well first off, the page has errors on it so all I see is text along the side for IE6 and NS6.
Secondly, you could set the font size using css like so:
example using the <p> tag:
in css:
p { font-size: 12pt; }
in body:
<p>blah</p>
That'll make blah have 10pt font size
But to disallow users to set the text bigger for themselves is not something I'd recommend. What about those of us who can't see well and larger text size allows them to view your page?
I'd create the page using percentages sizing (as opposed to pixel sizing, or whichever you use ), this way the page can dynamically adjust.
Havik
http://www.optioncaddie.com/test/template.htm
Here are some more bugs I can't solve.
1) The big gap between the picture and the menu bar. I have tried 'Properties' on the jpeg but with no luck.
2) Cebtering the menu bar on the page. I have gone into the *.css file and have been able to make it to the right, but not centered.
3) The 2nd menu choice 'Educational Stuff!' has the 7th and 8th choice highlighted together. The 8th choice 'Other Educational Links' should have a drop done sub-menu but that doesn't seem to work.
havik
04-24-2003, 03:24 PM
Just to let you know that you still have errors on this page as I'm sure everyone else but you can notice because you have this section of code in there:
<script language="javascript" src="file:///C:/FrontPage%20Webs/WWWROOTtest/CascadeMenu.js">
</script>
That tells the browser that the source of this javascript is in the C drive. The problem here (because javascript is client-side) is that it searches for the script in the users C drive, not your C drive. Therefore we all get errors because we don't have that file.
This is how you fix that so everyone viewing your page won't get errors.
- take the "CascadeMenu.js" file and place it in the same directory that your page is on (put in on your server, basically).
- if the js file is in the same folder, then this is how you would reference it:
<script language="javascript" src="CascadeMenu.js"></script>
Do this then we can help.
Havik
Edited: to correct wording
ok I have changed the template page reference
<script language="javascript" src="CascadeMenu.js"></script>
and now "CascadeMenu.js", "CascadeMenu.css" are on the same address as the template
http://www.optioncaddie.com/test/template.htm
http://www.optioncaddie.com/test/CascadeMenu.css.htm
http://www.optioncaddie.com/test/CascadeMenu.js.htm
But now the page is blank?
havik
04-24-2003, 03:56 PM
Change this:
<link href="file:///C:/FrontPage%20Webs/WWWROOTtest/CascadeMenu.css" rel="stylesheet">
to this:
<link href="CascadeMenu.css" rel="stylesheet" type="text/css">
this:
<BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" stylesrc="file:///C:/FrontPage Webs/WWWROOTtest/index.htm">
to this:
<body onload="InitMenu()" onclick="HideMenu(menuBar)" id="Bdy" stylesrc="index.htm">
and make sure index.htm is in the same folder
Havik
havik
04-24-2003, 03:59 PM
http://www.optioncaddie.com/test/template.htm
http://www.optioncaddie.com/test/CascadeMenu.css.htm
http://www.optioncaddie.com/test/CascadeMenu.js.htm
Remove the .htm from the CascadeMenu.css and CascadeMenu.js files. You do not need them there because they aren't html files.
Havik
edited: for spelling mistakes :D
Ok it is updated with
<link href="CascadeMenu.css" rel="stylesheet" type="text/css">
<body onload="InitMenu()" onclick="HideMenu(menuBar)" id="Bdy" stylesrc="index.htm">
and the index is in the same folder.
havik
04-24-2003, 04:15 PM
k, that's better. I'll look at it, test it and report back when I make some progress.
Havik
havik
04-25-2003, 08:56 AM
Sorry, I had a rush of work to do here so I couldn't take a detailed look at your code. Your first problem, removing the space between the menu and image above can be solved like so:
replace the <p> tag with the one below, this <p> tag is found directly below your <!-- menu start --> comment
<p style="margin: 0px; padding: 0px;">
Depending on the browser, <p> tags often have default margins above and/or below. Defining new margins is the fix.
In regards to your other questions, I will be looking at the code today and I promise to discover the problem asap.
Havik
Changing the <p> tag didn't fix the gap.
havik
04-25-2003, 12:48 PM
Really? What browser are you using?
Havik
havik
04-25-2003, 12:49 PM
I just checked your code and you entered this:
<style="margin: 0px; padding: 0px;">
when you should have entered this:
<p style="margin: 0px; padding: 0px;">
That should work.
Havik
havik
04-25-2003, 01:05 PM
I got the submenu to work, now I'm working on centering the menu (if you still want that done that is).
I'll post again soon.
Havik
Submenu working? You are a genius. Yes the centering is something I still haven't solved.
havik
04-25-2003, 01:18 PM
I've attached the code where the submenu works, just copy and paste it into your template.htm file then upload it on the net. These div layers are tricky in that they aren't allowing alignment. :D
Havik
EDITED: TO UPDATE the attachment.
I believe that because the float attribute is used, getting center alignment isn't possible. I could be wrong and probably am :D but at least I fixed your major problems
havik
04-25-2003, 01:52 PM
I've tried to upload a new attachment but it appears that the old one is still there for some reason.
here is the new template.htm
Here is the download from your last reply
http://www.optioncaddie.com/test/template1.htm
Here is the last copy you worked from
http://www.optioncaddie.com/test/template.htm
I don't see any difference.
havik
04-25-2003, 02:29 PM
I looked at both those and you didn't copy the new code in at all.
Instructions:
- click on the attachment and open it when promtped (do not save it as you do not need to).
- it will open (mine does in notepad) and you select all the code, copy it then go to your template.htm file.
- in your template.htm file, select all the code and paste in the code from the template3.txt file.
- save the template.htm file then upload it onto your server
this should be it.
Havik
havik
04-25-2003, 02:33 PM
Here's a screenshot to show you that it does work.
I must be missing something as it still doesn't work. Shouldn't we be doing something to the .css file also?
http://www.optioncaddie.com/test/template1.htm
http://www.optioncaddie.com/test/template.htm
havik
04-25-2003, 03:07 PM
You still haven't made the changes from the template2.txt file onto your template.htm file. I gave instructions and showed you a screen shot that proves it works.
Here is what you do (and tell me if none of these steps work for you).
1) go to my last post with template2.txt
2) click on the link to download it
3) A window should pop up with the title "File Download"
4) In this window, chose the option to open the file (there should be a button with the words "Open" on the left side.
5) Then it should open notepad with all the code
note: this next section avoids frontpage (as I'm assuming your using)
6) Go to file and choose "Save as"
7) in the window that pops up
- change the file name to "template.htm"
- change the save as type to "All files"
8) save it
9) locate where you saved the file and upload this file onto your server (where your template.htm is)
10) this should replace the old template.htm file and then it should work
Again, if it still doesn't work, let me know because the template.htm file up as of this moment isn't the one I posted previously (and that's why it doesn't work).
Havik
That worked. I just copied and pasted last time and it didn't work. This time by saving as a .htm it worked. Thanks!
No t ot be picky or anything, but how come the 'Other Educational Links' isn't highlighted in blue?
OK. Now I downloaded the working template file off the server and into my FrontPage
Then I simply rename the page and publish it back out
http://www.optioncaddie.com/test/template5.htm
and it doesn't work.
why?
havik
04-25-2003, 07:49 PM
It's not working again because template5.htm doesn't have the same code as template.htm, check them and you'll see some differences. Remember, your template.htm file is the correct one. I'd recommend that you stop using frontpage because it appears everytime you do something goes wrong.
I'll look at getting the other educational part to light up blue and report back when I get it.
Havik
havik
04-25-2003, 08:02 PM
Try this as your new CascadeMenu.css
Remember you have to copy the code from this attachment, put it into your CascadeMenu.css file (replacing the existing code), then upload it onto your server.
Havik