I'm a first time blogger here and really enjoying the coffee software. I wanted to post a question to Bill whom i've read is very knowledgable in everything that has to do with coffee cup software. And from what ive read in other threads, my problem could hopefully be a slam dunk for everyone.
I have a dhtml menu that ive created which looks great.
however, when i preview it using different browsers, i see that its moved quite a bit down on the page. or if the window is minimized, it does not even show in the half sized window.
ive attached the dhtml code for review.
is there a way to fix this?
thanks all-
will-
will canter
Guest
8 posts
BillR
Senior Advisor
3,144 posts
Will,
I have a little bit of knowledge that I have gained from lots of others on this forum over the past couple of years, but I haven't even tried all the CoffeeCup products. I expect I will eventually test everything, but that will take a lot of time before I call myself knowledgeable on all things CC.
I do like the DHTML menu and use it on my sites. Different browsers do things differently, so vertical changes will likely happen, but if a visitor is using IE6, it is not likely that they will notice that Firefox displays differently.
Have you tested with Firefox, Opera, and IE?
The text file doesn't show the remainder of your page code that could be affecting the menu, so a link to the page might be helpful.
You may want to download a replacement DAT file for the DHTML menu builder. The file is a self-extracting zip file with a readme and the DAT file.
http://www.coffeecuphelp.com/broberson/dhtmldat.exe
For menu positioning you are using:
var StartTop=-87; // Menu offset x coordinate
var StartLeft=1; // Menu offset y coordinate
I would suggest you position the menu using relative positioning using a <span> and this line of code in the menu:
var TargetLoc=''; // span id for relative positioning
If you change the line to read:
var TargetLoc='themenu'; // span id for relative positioning
You can put a <span id="themenu"> just before the menu code and just after the menu code put </span>
You can try the span and see if that helps.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
I have a little bit of knowledge that I have gained from lots of others on this forum over the past couple of years, but I haven't even tried all the CoffeeCup products. I expect I will eventually test everything, but that will take a lot of time before I call myself knowledgeable on all things CC.
I do like the DHTML menu and use it on my sites. Different browsers do things differently, so vertical changes will likely happen, but if a visitor is using IE6, it is not likely that they will notice that Firefox displays differently.
Have you tested with Firefox, Opera, and IE?
The text file doesn't show the remainder of your page code that could be affecting the menu, so a link to the page might be helpful.
You may want to download a replacement DAT file for the DHTML menu builder. The file is a self-extracting zip file with a readme and the DAT file.
http://www.coffeecuphelp.com/broberson/dhtmldat.exe
For menu positioning you are using:
var StartTop=-87; // Menu offset x coordinate
var StartLeft=1; // Menu offset y coordinate
I would suggest you position the menu using relative positioning using a <span> and this line of code in the menu:
var TargetLoc=''; // span id for relative positioning
If you change the line to read:
var TargetLoc='themenu'; // span id for relative positioning
You can put a <span id="themenu"> just before the menu code and just after the menu code put </span>
You can try the span and see if that helps.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
will canter
Guest
8 posts
hi bill,
thank you for the response. this is all so new to me so im going to go at it in a very novice role.
here is a link to a staging page for the menu is located:
http://www.on24staging.com/billstest/
note: i replaced the dat file as you requested. no change to the menu.
also, when i view it in IE it looks ok. however, when the page is minimized to half the size, the menu goes away.
when i look at it in FF the menu is there but its placement is not where i see it in IE. the staging page should have all of the code that i took out from the dhtml program.
if you wouldnt mind taking a look and let me know can be done to remedy this, i would certainly appreciate it. even citing specific lines in the code where i would need to make changes, would be great.
i hope this can work, cause im really enjoying using this software.
thanks again-
thank you for the response. this is all so new to me so im going to go at it in a very novice role.
here is a link to a staging page for the menu is located:
http://www.on24staging.com/billstest/
note: i replaced the dat file as you requested. no change to the menu.
also, when i view it in IE it looks ok. however, when the page is minimized to half the size, the menu goes away.
when i look at it in FF the menu is there but its placement is not where i see it in IE. the staging page should have all of the code that i took out from the dhtml program.
if you wouldnt mind taking a look and let me know can be done to remedy this, i would certainly appreciate it. even citing specific lines in the code where i would need to make changes, would be great.
i hope this can work, cause im really enjoying using this software.
thanks again-
BillR
Senior Advisor
3,144 posts
Will,
Try this. I will first show part of your code, and then show how I would change it:
<tr>
<td style="height:53px; width:925px;">
<script type='text/javascript'>
Change to:
<tr>
<td style="height:53px; width:925px;">
<span id="themenu">
<script type='text/javascript'>
Next:
var StartTop=-87; // Menu offset x coordinate
var StartLeft=1; // Menu offset y coordinate
Change to:
var StartTop=0; // Menu offset x coordinate
var StartLeft=0; // Menu offset y coordinate
Next:
var TargetLoc=''; // span id for relative positioning
Change to:
var TargetLoc='themenu'; // span id for relative positioning
Finally this:
</script>
<noscript>Your browser does not support script</noscript>
<!-- REST OF BODY CONTENT BELOW HERE -->
Change to:
</script>
<noscript>Your browser does not support script</noscript>
</span>
<!-- REST OF BODY CONTENT BELOW HERE -->
That should keep the menu where you want it to be.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
Try this. I will first show part of your code, and then show how I would change it:
<tr>
<td style="height:53px; width:925px;">
<script type='text/javascript'>
Change to:
<tr>
<td style="height:53px; width:925px;">
<span id="themenu">
<script type='text/javascript'>
Next:
var StartTop=-87; // Menu offset x coordinate
var StartLeft=1; // Menu offset y coordinate
Change to:
var StartTop=0; // Menu offset x coordinate
var StartLeft=0; // Menu offset y coordinate
Next:
var TargetLoc=''; // span id for relative positioning
Change to:
var TargetLoc='themenu'; // span id for relative positioning
Finally this:
</script>
<noscript>Your browser does not support script</noscript>
<!-- REST OF BODY CONTENT BELOW HERE -->
Change to:
</script>
<noscript>Your browser does not support script</noscript>
</span>
<!-- REST OF BODY CONTENT BELOW HERE -->
That should keep the menu where you want it to be.
Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
will canter
Guest
8 posts
hi bill,
thanks for the code tips. it doesnt look like its there just yet. i loaded it back to this test for review.
One thing i also see is that when i minimize the window the menu goes away.
basically when its half sized.
http://www.on24staging.com/billstest/
thoughts?
thanks for the code tips. it doesnt look like its there just yet. i loaded it back to this test for review.
One thing i also see is that when i minimize the window the menu goes away.
basically when its half sized.
http://www.on24staging.com/billstest/
thoughts?
Cary
Ambassador
1,058 posts
In your html use these settings:
And modify this flash code for your header. Notice the addition of the wmode attribute in two places. This allows the menu dropdowns to overlap the header flash.
Also add this rule to your style sheet:
var MenuCentered='left';
var MenuVerticalCentered='top';
var MenuVerticalCentered='top';
And modify this flash code for your header. Notice the addition of the wmode attribute in two places. This allows the menu dropdowns to overlap the header flash.
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="922" height="181">
<param name="movie" value="flash/header_test44.swf">
<param name="quality" value="High">
<param name="loop" value="false">
<param name="wmode" value="opaque">
<embed src="flash/header_test44.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="922" height="181" quality="High" loop="false" wmode="opaque">
</object>
<param name="movie" value="flash/header_test44.swf">
<param name="quality" value="High">
<param name="loop" value="false">
<param name="wmode" value="opaque">
<embed src="flash/header_test44.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="922" height="181" quality="High" loop="false" wmode="opaque">
</object>
Also add this rule to your style sheet:
#themenu {
height: 20px; /* or whatever is needed to make room for the menu. */
display: block;
margin-left: 43px; /* or something like this to shift the menu to the right to make it looked centered rather than being flush with the left */
}
height: 20px; /* or whatever is needed to make room for the menu. */
display: block;
margin-left: 43px; /* or something like this to shift the menu to the right to make it looked centered rather than being flush with the left */
}
will canter
Guest
8 posts
thx for the tips cary and bill. its almost there:
http://www.on24staging.com/billstest/
i can see it fine in IE and FF and when its minimized it does not disappear.
however its set to the top and when i move the var set to middle its way below the flash header.
my last question, is there a way to manipulate the menu to once its set to middle to make my own Y axis corrections to push it up? im trying some things manually with the menu, but its not moving at all.
thoughts?
http://www.on24staging.com/billstest/
i can see it fine in IE and FF and when its minimized it does not disappear.
however its set to the top and when i move the var set to middle its way below the flash header.
my last question, is there a way to manipulate the menu to once its set to middle to make my own Y axis corrections to push it up? im trying some things manually with the menu, but its not moving at all.
thoughts?
BillR
Senior Advisor
3,144 posts
Will,
The menu looks nice and I see it at the very top of the page. When you say you want to set it to the middle, do you mean just below the photos that end with rock wall? If so, just put the menu code immediately after the flash code for your photos.
As Cary showed above, just add margin-top:25px; or what ever number you want to move it down from where it was. If you want to move up, just use margin-top:-25;
Don't try moving things around with the code in the menu. It works better to use style settings.
You may need to put a span or div around the flash and give it a height setting. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
The menu looks nice and I see it at the very top of the page. When you say you want to set it to the middle, do you mean just below the photos that end with rock wall? If so, just put the menu code immediately after the flash code for your photos.
As Cary showed above, just add margin-top:25px; or what ever number you want to move it down from where it was. If you want to move up, just use margin-top:-25;
Don't try moving things around with the code in the menu. It works better to use style settings.
You may need to put a span or div around the flash and give it a height setting. Bill R.
First Baptist Church
Brighter Day Charities
Roberson Family
will canter
Guest
8 posts
i like the rule set in the style sheet which i did. however a few things are going on now.
here is the rule i added to the stylesheet. adjusting the height definitely helps to move the menu around and i put in the additional code from bills previous post as well:
#themenu {
height: 87px;
display: block;
margin-left: 43px;
http://www.on24staging.com/billstest/
1) the menu is taking down the top portion of the page above the flash menu.
see above link.
2) when the window is made smaller, the menu does not adjust.
i feel like i'm really close.
thoughts?
here is the rule i added to the stylesheet. adjusting the height definitely helps to move the menu around and i put in the additional code from bills previous post as well:
#themenu {
height: 87px;
display: block;
margin-left: 43px;
http://www.on24staging.com/billstest/
1) the menu is taking down the top portion of the page above the flash menu.
see above link.
2) when the window is made smaller, the menu does not adjust.
i feel like i'm really close.
thoughts?
will canter
Guest
8 posts
i think if i can lock the menu below the bar and remove some of that space from the top of the page i'll be there.
thoughts?
thoughts?
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
