Ul menu problem in IE
I've got a problem with a menu created with HTML ul and li tags. It works in Firefox and IE but is broken in APEX when page is viewed in IE. Is there a way around it?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="../../../favicon.ico" />
<style type="text/css" media="screen">
/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
#menu a:hover {
color: #a00;
background: #fff;
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
</head>
<BODY>
<div id="menu"><ul><li><a href="someurl">Test</a></li></ul><ul><li><h2>Test2</h2><ul><li><a href="someurl">Test3</a></li><li><a href="someurl">Test4</a></li></ul></li></ul><ul><li><a href="someurl">Test5</a></li></ul></div>
</BODY>
</HTML>Edited by: ArtS on Mar 24, 2010 1:05 PM
Edited by: ArtS on Mar 24, 2010 1:06 PM
How do I create a page on apex.oracle.com? As you noticed, this is a very simple HTML but it is not working in IE when included in an APEX 3.0.1.00.12 page.
<html lang="en-us">
<head>
<title>test</title>
<link rel="stylesheet" href="/i/themes/theme_2/theme_V3.css" type="text/css" />
<script src="/i/javascript/htmldb_html_elements.js" type="text/javascript"></script>
<script src="/i/javascript/htmldb_get.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
/*Global JS Variables*/
var htmldb_Img_Dir = "/i/";
//-->
</script>
<link rel="stylesheet" href="/i/css/core_V22.css" type="text/css" />
<!--[if IE]><link rel="stylesheet" href="/i/css/core_ie_V22.css" type="text/css" /><![endif]-->
<style type="text/css" media="screen">
/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
#menu a {
color: #000;
background: #efefef;
text-decoration: none;
#menu a:hover {
color: #a00;
background: #fff;
#menu li {position: relative;}
#menu ul ul {
position: absolute;
z-index: 500;
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
</style>
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
</style>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body ><form action="wwv_flow.accept" method="post" name="wwv_flow" id="wwvFlowForm" >
<input type="hidden" name="p_flow_id" value="110" id="pFlowId" /> <input type="hidden" name="p_flow_step_id" value="3" id="pFlowStepId" /> <input type="hidden" name="p_instance" value="2503359825107049" id="pInstance" /> <input type="hidden" name="p_page_submission_id" value="57652" id="pPageSubmissionId" /> <input type="hidden" name="p_request" value="" id="pRequest" /><div class="t2BreadcrumbRegion" id="R2744330124027714"><div class="t2BreadcrumbMenu"></div></div><center>
<table width="975" cellpadding="0" cellspacing="0" border="0" summary="">
<tr>
<td valign="top" width="70%"></td>
<td valign="top" width="30%" align="right"></td>
</tr>
</table>
<table width="975" height="70%" cellpadding="0" border="0" cellspacing="0" summary="">
<tr>
<td class="t2topbar01"><img alt="" src="/i/themes/theme_2/topbar-0-0.png" width="7" height="35" /><img alt="" src="/i/themes/theme_2/1px_trans.gif" width="25" height="1" /></td>
<td class="t2topbar05"><img alt="" src="/i/themes/theme_2/topbar-0-3.png" width="21" height="35" /></td>
<td class="t2topbar05" width="100%"><br /></td>
<td><img alt="" src="/i/themes/theme_2/topbar-0-6.png" width="8" height="35" /></td>
</tr>
<tr>
<td rowspan="2" valign="top"><br/></td>
<td colspan="3" class="t2breadcrumbholder" height="20"></td>
</tr>
<tr>
<td class="t2body" valign="top" width="100%" colspan="3" height="100%"><table summary="" cellpadding="0" width="100%" height="70%" cellspacing="0" border="0">
<tr>
<td width="100%" valign="top"><div class="t2messages"></div><div id="menu"><ul><li><a href="abc">Reports</a></li></ul><ul><li><h2>Admin</h2><ul><li><a href="f?p=110:6:2503359825107049">Subs</a></li><li><a href="test2">Currency</a></li></ul></li></ul><ul><li><a href="wwv_flow_custom_auth_std.logout?p_this_flow=110&p_next_flow_page_sess=110:101:2503359825107049">Log Out</a></li></ul></div><table summary="" cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td align="right"> <input type="BUTTON" value="Test" onClick="javascript:this.disabled=true; doSubmit('TEST');" onClick="showAlert();"></td></tr></table></td>
<td valign="top"><br /></td>
</tr>
</table></td>
</tr>
</table><table width="975" cellpadding="0" border="0" cellspacing="0" summary="">
<tr>
<td><img alt="" src="/i/themes/theme_2/bottom_bar-0-0.png"/></td>
<td width="100%" class="t2BottomBarCenter"><img alt="" src="/i/themes/theme_2/bottom_bar-0-1.png"/></td>
<td><img alt="" src="/i/themes/theme_2/bottom_bar-0-3.png" /></td>
</tr>
</table>
<div class="t2footer"><table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
<tr>
<td valign="bottom" class="t2copy"><!-- Copyright --><span class="t2Customize"></span></td>
</tr>
</table></div>
<br />
<input type="hidden" name="p_md5_checksum" value="" /></form>
</center>
<script type="text/javascript">
<!--
//-->
</script></body>
</html>Thanks,
Art
Edited by: ArtS on Mar 24, 2010 1:19 PM
Similar Messages
-
menu problems with IE connected with spry - see site:
1.
http://www.whatwomenwant-tv.com/index.html
(horizontal menu bar - will not display fully, probably to do with
flash)
2.
http://www.whatwomenwant-tv.com/about.html
(horizontal menu bar swerves to the left)
3.
http://www.whatwomenwant-tv.com/streetinterviewswomen.html
(vertical menu bars in questions are all over the page)
thanks 4 help.I tried in Firefox 3 and IE7 and they both seemed fairly slow
for any action to take place. But IE7 did seem pretty slugish.
It seems that you're already determined what the issue is,
you have waaaaaay too many menu items. Seems to me that that number
of items don't belong in a menu. There are even menus that are too
long to appear entirely on the page, so they can't be easily
accessed without accidentally hiding the menus again, which I did
several times. IN particular:
Cartuchos > Technologica
If you cannot change to a different format to show all of the
items, then perhaps you can split up the menu so that you don't
have too many at one time. I checked the code of your page and it
seems that you've got a lot of other scripting going on there
besides Spry, so is the issue with Spry or with everything else
you're trying to do with that menu. If you can try to recreate the
page with only the menu items on it (and not pulled in dynamically
on the fly), and then add back to your page a bit a time, you might
be able to find out what is really causing the delays. -
Context menu problem in ADF 11g
Hi All,
A context menu problem puzzle me. Following is the source,
=======================================
<af:tree id="tree" value="#{treeTest.collectionModel}" var="node"
contentDelivery="immediate"
disclosedRowKeys="#{treeTest.treeDisclosedRowKeys}"
rowDisclosureListener="#{treeTest.rowDisclosureListener}"
rowSelection="single">
<f:facet name="nodeStamp">
<af:group id="g1">
<af:image source="/image/#{node.treeLevel}.jpg" id="i1"
inlineStyle="width:16px; height:16px; vertical-align:middle;"/>
<af:outputText id="ddl" value="#{node.name}">
<af:showPopupBehavior popupId="myPopup" triggerType="contextMenu"/>
</af:outputText>
</af:group>
</f:facet>
<f:facet name="contextMenu">
<af:popup id="myPopup" popupFetchListener="#{treeTest.popupListener}"
contentDelivery="lazyUncached">
<af:switcher id="s1" facetName="#{treeTest.level}">
<f:facet name="1">
<af:menu text="menu 1" id="m1">
<af:forEach items="#{treeTest.menuItems['0']}" var="menuItemss">
<af:commandMenuItem text="#{menuItemss.name}"
actionListener="#{bindings.onNodeClicked.execute}"
disabled="#{!bindings.onNodeClicked.enabled}">
</af:commandMenuItem>
</af:forEach>
</af:menu>
</f:facet>
<f:facet name="2">
<af:menu text="menu 2" id="menu1">
<af:forEach items="#{treeTest.menuItems['1']}" var="menuItemss">
<af:commandMenuItem text="#{menuItemss.name}"
actionListener="#{bindings.onNodeClicked.execute}"
disabled="#{!bindings.onNodeClicked.enabled}">
</af:commandMenuItem>
</af:forEach>
</af:menu>
</f:facet>
</af:switcher>
</af:popup>
</f:facet>
</af:tree>
========================================================
I want to get the commandMenuItem tag's information, i use following code in onNodeClicked method try to get it,
FacesContext facesContext =FacesContext.getCurrentInstance();
ELContext elContext = facesContext.getELContext();
ExpressionFactory expressionFactory =facesContext.getApplication().getExpressionFactory();
ValueExpression exp =expressionFactory.createValueExpression(elContext,"#{menuItemss.name}", Object.class);
but the exp is null.
Please help me to solve this problem.
Thank you very much.
Edited by: Yitao Li on Dec 4, 2009 1:06 PMYou might need a #
ValueExpression exp =expressionFactory.createValueExpression(elContext,"#{menuItemss.name}", Object.class); -
Sudden menu problem in CS4: Running OS10 Mavericks. Anyone got a clue?
Cannot keep history and layers windows open simultaneously. Others likewise. By sudden I mean, one day it's fine, the next there's a menu problem. Assistance appreciated.
If you have placed your layout the way you want it, use the Save Workspace, give it a name, and only check Palette location in the Save dialog.
Then switch to another Workspace and back to your saved workspace to see if that fixes the problem.
Last resort is to reset Prefs. Hold down ctrl-alt-shift, start Photoshop and agree to the reset.
Gene -
Spry menu problem - CS6 Dreamweaver
I wonder if anyone can help me with my spry menu problem which I have with a fixed 960px wide horizonal menu bar that has 8 items in it. The sub-menus don't seem to display properly when you click on them in that some of the submenus only show up at the end of the menu bar itself in Explorer browsers 8/9. Does anyone know of any code I can apply to fix this problem? I am new to spry menu features and so any help would be very much appreciated.
Also validate the rest of the code in your pages to see if you have any critical errors that need fixing. For example, a missing doc type declaration might explain Spry failures.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
As an FYI, Adobe abandonded the Spry Framework late last year, after CS6 was released because Spry drop-menus don't hold up well on touch screen devices. If you can't get satisfaction with Spry, try jQuery Superfish. It's a better menu system.
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O. -
I switched to version 2 of the Spry Menubar due to sub-menu problems associated with iPads. Now I am having problems with sub-menus within IE8. It is not possible to *quickly* scroll down the menu without the sub-menu disappearing. Here is an example:
http://gerberanalytics.com/tennis/tennis_header_test.php
It works ok with CS6 in the design view, but not on the local test server or on the production server. Any ideas?
Thanks in advance for your help.Gramps,
I appreciate you providing this. I took a closer look at the errors and I made a few changes but this validator service continued to kick out errors. In fact if you put Adobe's own web site into this application (http://www.adobe.com), it comes up with 44 errors. As I mentioned before, the Adobe Widget Browser application for Spry Menubar 2 is essentially creating my code so I doubted that this was an actual problem.
While I have been interacting with you, I have also been awaiting an update from Adobe's senior technology staff for a solution. I heard from them today. Here is what Adobe said: Spry Menubar 2 has problems with IE 8 and IE 9 (which I already knew). The first person with whom I spoke at Adobe suggested that my customers running the IE 8 and IE 9 browsers should switch to a different browser, such as Chrome. I explained that asking users to switch was not a solution -- that's about 35% of my users. I then asked to speak with a manager / supervisor.
My conversation with the supervisor went a bit better. He told me that those running IE 8 and IE 9 on a Windows XP machine are ok. Vista is a problem. Windows 7 is also iffy. My machine is a Vista and my wife's machine is a Windows 7. It does not work on either machine for us.
I told him that Spry Menubar 2 should be withdrawn from their site or there should be a warning to insure that people are aware of the problems. He didn't say that they would do that. He suggested that I should check back with him in a couple of weeks. I did not get a warm and fuzzy feeling that this was a priority item for them.
At this point, I'm bailing on Spry Menubar 2. I may return to Spry Menubar 1.6 which requires a "double tap" on the nav buttons to work on an iPad. I may also check out jQuery.
Thanks for the suggestions but it looks like Adobe has some serious issues. If your customers are using iPads (and they are), Spry Menubar 2 is not a solution to fix the problems encountered in Spry 1.4 and Spry 1.6.
Scott -
Spry menu problems with Internet explorer
Hi everyone
I'm having ongoing problems with my horizontal menus and
internet explorer. They work fine in other browsers and with the
generous help of others at these forums I've managed to sort out
most of the problems. But I've hit a real wall with this one. The
menus drop down showing the links OK but you cannot highlight or
click on the options that drop down, they just appear as text. Any
help would be appretiated. My appologies for posting in other
threads also but just hoping for a response.
I am very new to this side of design so simple answers would
be very helpful. Thanks
BobI have 2 similar problems to the prior posts:
1) I run IE7 and FF and the positioning of my submenus are
skewed in IE only.
2) I am not sure, but I believe I have a problem with my
iframe appearing in my IE7 browser behind all of my submenus. Well,
I know I have a problem with something, but whether or not it's the
iframe I don't know. What I do know is that the box shows up like a
border around my submenus and I can't get rid of it. I suspect that
it may be caused by the fact that my menu buttons are imported
gif's in the shape of rounded rectangles which allows for the
corners to be visible. I actually just thought about it and my
gif's are set to have a white index transparency, but maybe If I
export the gifs without transparency, then that issue will be
resolved. Well I will try that part and see, but any and all
suggestions are welcome. Oh and I just remembered, that problem
with the border around my submenus also has another problem with
the word "false" inside of that border behind my submenus. This
problem again is only in my IE browser, and it is hard to see it,
but I have no idea why that is there or what it's from. I ran a
search in my SpryMenuHorizontal.css page and in my html page for
the word 'false' but nothing turned up. The only document related
to this issue that contains the word 'false' is the
'SpryMenuBar.js' document.
CSS
Layout file
HTML Demo
link
Thank you,
Danny -
DW Pop-Up / Drop-Down Menu Problems
Hi. I am new to this forum and I am not a pro web designer
(but am proficient with web / graphic design software), so bear
with me...
I am using Dreamweaver MX and Fireworks MX (not the 2004
versions) to re-design a new website for my photography biz (I am,
of course, using PhotoShop for some graphics/images too).
I want to use a horizontal navigation bar (with 9 buttons)
and drop-down menus on the new site.
My first attempt was to design the nav bar in FW and export
it into DW (preferably into a Template). The nav bar design (w/
drop-down menus) in FW was simple. Exporting was also simple.
However, I experienced major problems when inserting the "piece"
into a FW document (I use "tables" and not "frames"; no CSS nor
Flash).
Once the nav bar is inserted into a DW table, it doesn't work
in the Browser (latest version of Safari; I use a Mac PowerBook).
Some times, it did work, but most others, it did not. FRUSTRATING.
I then decided to simply design the nav bar "buttons" in FW
(with simple roll-over to change text color / size on each button)
and realized that DW can also do Drop-Down / Pop-Up menus. This was
successful at first, but now when I try to insert numerous buttons
into a DW document (multi-row and column table), I get the same
result in that the d-d menus do not work when viewing in the
browser (but the roll-over text effect does work). STILL
FRUSTRATING.
I have also tried to save the nav bar / buttons as Library
Items, but to no avail. This is rather important should I decide to
one day change the navigation on the site (it will have over 25
pages to start with).
I have been on the Adobe site and have read numerous tech
reports to try and solve this. I have also come across a few notes
on this forum, so decided to give it a shot. Quite simply:
1. Am I wasting my time using an older version of DW and FW
(even though I have no interest in using fancy Flash stuff and have
no interest in being a pro web designer; I do want to do my own
site and maintain it though...). Should I upgrade to Version 8 of
the suite?
2. I see that some third-party software is available to do
Drop-Down menus. Should I take this route? Will these extensions
work in the older version of DW?
3. My nav bar will be relatively simple, both in appearance
and functionality. So, I do not need any extravagant type of
software. Can anyone recommend something for me?
4. The following link is the only attempt that I had at
getting the nav bar to operate both locally on my browser and
uploaded on to my host server. I am not 100% happy with the
appearance, but when I went to change it, I had the same problems
detailed above (i.e., it didn't work). This example was done with
FW into DW. It was simply a test (to see if uploading the page on
to the server would get the drop-downs to work), so none of the
links have been inserted into the menu selection tabs.
http://www.vagabondvistas.com/test/home_page_test.html
Thanks for your help. Sorry about the long message, but I
wanted to include enough detail such that you wouldn't have to come
back to me for numerous questions...
Dave> 1. Am I wasting my time using an older version of DW and
FW (even though
> I
> have no interest in using fancy Flash stuff and have no
interest in being
> a pro
> web designer; I do want to do my own site and maintain
it though...).
> Should
> I upgrade to Version 8 of the suite?
Depending on your expertise level, DMX may be all you you
need. But where
you are wasting your time is by fiddling with these awful
pop-up menus.
Those who understand them left them behind when they were
first introduced.
Read this -
http://apptools.com/rants/jsmenu.php
http://apptools.com/rants/menus.php
> 2. I see that some third-party software is available to
do Drop-Down
> menus.
> Should I take this route? Will these extensions work in
the older version
> of
> DW?
Yes, and yes, and don't think twice about doing it! Use the
PVII methods or
commercial products. They are what you need.
> 3. My nav bar will be relatively simple, both in
appearance and
> functionality.
> So, I do not need any extravagant type of software. Can
anyone recommend
> something for me?
If really simple, check even the MiniMenus from
http://www.fourlevel.com
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"VagabondVistas" <[email protected]> wrote
in message
news:[email protected]...
> Hi. I am new to this forum and I am not a pro web
designer (but am
> proficient
> with web / graphic design software), so bear with me...
>
> I am using Dreamweaver MX and Fireworks MX (not the 2004
versions) to
> re-design a new website for my photography biz (I am, of
course, using
> PhotoShop for some graphics/images too).
>
> I want to use a horizontal navigation bar (with 9
buttons) and drop-down
> menus
> on the new site.
>
> My first attempt was to design the nav bar in FW and
export it into DW
> (preferably into a Template). The nav bar design (w/
drop-down menus) in
> FW
> was simple. Exporting was also simple. However, I
experienced major
> problems
> when inserting the "piece" into a FW document (I use
"tables" and not
> "frames";
> no CSS nor Flash).
>
> Once the nav bar is inserted into a DW table, it doesn't
work in the
> Browser
> (latest version of Safari; I use a Mac PowerBook). Some
times, it did
> work,
> but most others, it did not. FRUSTRATING.
>
> I then decided to simply design the nav bar "buttons" in
FW (with simple
> roll-over to change text color / size on each button)
and realized that DW
> can
> also do Drop-Down / Pop-Up menus. This was successful at
first, but now
> when I
> try to insert numerous buttons into a DW document
(multi-row and column
> table),
> I get the same result in that the d-d menus do not work
when viewing in
> the
> browser (but the roll-over text effect does work). STILL
FRUSTRATING.
>
> I have also tried to save the nav bar / buttons as
Library Items, but to
> no
> avail. This is rather important should I decide to one
day change the
> navigation on the site (it will have over 25 pages to
start with).
>
> I have been on the Adobe site and have read numerous
tech reports to try
> and
> solve this. I have also come across a few notes on this
forum, so decided
> to
> give it a shot. Quite simply:
>
> 1. Am I wasting my time using an older version of DW and
FW (even though
> I
> have no interest in using fancy Flash stuff and have no
interest in being
> a pro
> web designer; I do want to do my own site and maintain
it though...).
> Should
> I upgrade to Version 8 of the suite?
>
> 2. I see that some third-party software is available to
do Drop-Down
> menus.
> Should I take this route? Will these extensions work in
the older version
> of
> DW?
>
> 3. My nav bar will be relatively simple, both in
appearance and
> functionality.
> So, I do not need any extravagant type of software. Can
anyone recommend
> something for me?
>
> 4. The following link is the only attempt that I had at
getting the nav
> bar
> to operate both locally on my browser and uploaded on to
my host server.
> I am
> not 100% happy with the appearance, but when I went to
change it, I had
> the
> same problems detailed above (i.e., it didn't work).
This example was
> done
> with FW into DW. It was simply a test (to see if
uploading the page on to
> the
> server would get the drop-downs to work), so none of the
links have been
> inserted into the menu selection tabs.
>
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.vagabondvistas.com/test/home_page_test.html
>
> ">
http://www.vagabondvistas.com/test/home_page_test.html
>
> </a> Thanks for your help. Sorry about the long
message, but I wanted to
> include enough detail such that you wouldn't have to
come back to me for
> numerous questions...
>
> Dave
> -
Spry Menu problem with using a transparent background image
Hi- I'm new to CS5 and Dreamweaver. I just finished the beginning webpage tutorial and I have started to work on a personal project. The Problem: when I use a transparent png image as a backgroun-image for my spry menu it shows up fine in live view, but doesn't work in browser view (safari), in fact the menu reverts to it's original grey and blue boredom. Does anyone have a solution for me? Does this mean it will be grey and blue when it goes live? Thanks, Ruth333333
Please supply a link to your site.
Gramps -
Javascript menu problems in IE
Hi
I am using a javascript menu for a website I am trying to
build, I have tested it on many browsers and thought it was working
fine, it's fine on all the macintosh browsers, works fine on
firefox on the PC but there seems to be problems on some versions
of IE. Especially runing XP but am not sure about vista.
You dont seem to be able to see the menu when the page loads,
you can see something is there and the buttons show when you hover
over them, but they are kicked out of place.
here is the code if it helps
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
<title>Ecoligical Planning and Research
Ltd</title>
<link href="epr.css" rel="stylesheet" type="text/css"
/>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body bgcolor="#cfdcce">
<table width="800" border="0" align="center"
bgcolor="#FFFFFF" class="greenborderoutline">
<tr>
<th height="29" align="left" scope="col"><div
class="menu" id="menu">
<script type='text/javascript'
src='quickmenu.js'></script></div></th>
</tr>
<tr>
<td height="132"><script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','nam e','eprbanner','width','800','height','168','id','eprbanner','title','banner','src','eprba nner','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode' ,'transparent','movie','eprbanner'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
name="eprbanner" width="800" height="168" id="eprbanner"
title="banner">
<param name="movie" value="eprbanner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="eprbanner.swf" width="800" height="168"
quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" wmode="transparent"
name="eprbanner"></embed>
</object>
</noscript></td>
</tr>
<tr>
<td height="304" valign="top"><table width="798"
height="131" border="0">
<tr>
<th width="513" scope="col"><p
class="bodycopyHomepage"><strong>Ecological Planning
& Research Ltd</strong> is
<th width="275" scope="col"><span
style="margin:0px"><img src="images/office.jpg" alt="Head
Office" name="eprOffice" width="241" height="296" align="left"
id="eprOffice" /></span></th>
</tr>
</table> </td>
</tr>
<tr>
<td height="105"><img src="images/btBanner.gif"
alt="btBanner" width="800" height="103" align="top"
/></td>
</tr>
</table>
<table width="800" align="center" border="0">
<tr>
<th scope="col"><div align="left"
class="copyright">©<strong> 2007</strong>
Ecological Planning and Research Ltd </div></th>
</tr>
</table>
<p> </p>
</body>
</html>
any help here would be great as I am really stuck
many thanks
JonGad. Ask the authors of the menu for help. Would you REALLY
use something
like that on a web page?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ronnyrocket" <[email protected]> wrote in
message
news:[email protected]...
> Hi
>
> I am using a javascript menu for a website I am trying
to build, I have
> tested
> it on many browsers and thought it was working fine,
it's fine on all the
> macintosh browsers, works fine on firefox on the PC but
there seems to be
> problems on some versions of IE. Especially runing XP
but am not sure
> about
> vista.
>
> You dont seem to be able to see the menu when the page
loads, you can see
> something is there and the buttons show when you hover
over them, but they
> are
> kicked out of place.
>
> here is the code if it helps
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
> <title>Ecoligical Planning and Research
Ltd</title>
> <link href="epr.css" rel="stylesheet" type="text/css"
/>
> <script src="Scripts/AC_RunActiveContent.js"
> type="text/javascript"></script>
> </head>
>
> <body bgcolor="#cfdcce">
> <table width="800" border="0" align="center"
bgcolor="#FFFFFF"
> class="greenborderoutline">
> <tr>
> <th height="29" align="left" scope="col"><div
class="menu" id="menu">
> <script type='text/javascript'
src='quickmenu.js'></script></div></th>
> </tr>
> <tr>
> <td height="132"><script
type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,19,0','name','eprbanner','width','800','height','168','id','eprbanne
>
r','title','banner','src','eprbanner','quality','high','pluginspage','
http://www
>
.macromedia.com/go/getflashplayer','wmode','transparent','movie','eprbanner'
> );
> //end AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" name="eprbanner" width="800"
height="168" id="eprbanner"
> title="banner">
> <param name="movie" value="eprbanner.swf" />
> <param name="quality" value="high" />
> <param name="wmode" value="transparent" />
> <embed src="eprbanner.swf" width="800" height="168"
quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" wmode="transparent"
> name="eprbanner"></embed>
> </object>
> </noscript></td>
> </tr>
> <tr>
> <td height="304" valign="top"><table
width="798" height="131"
> border="0">
> <tr>
> <th width="513" scope="col"><p
> class="bodycopyHomepage">
Ecological
> Planning & Research Ltd is
> <th width="275" scope="col"><span
style="margin:0px"><img
> src="images/office.jpg" alt="Head Office"
name="eprOffice" width="241"
> height="296" align="left" id="eprOffice"
/></span></th>
> </tr>
> </table> </td>
> </tr>
> <tr>
> <td height="105"><img src="images/btBanner.gif"
alt="btBanner"
> width="800"
> height="103" align="top" /></td>
> </tr>
> </table>
>
> <table width="800" align="center" border="0">
> <tr>
> <th scope="col"><div align="left"
class="copyright">©
2007
> Ecological Planning and Research Ltd
</div></th>
> </tr>
> </table>
> <p> </p>
> </body>
> </html>
>
>
> any help here would be great as I am really stuck
>
> many thanks
>
> Jon
> -
Another SPRY horizontal menu problem with IE7
I posted this before, with no responses, but I think
I've narrowed it down to a CSS response problem with IE7.0. If you
view the attached link in Firefox or Opera, the menu background
color responds correctly on the drop downs. In IE7, the
background-color is ignored, causing the menu to be translucent
and, uh, ugly. Has anyone else had an issue with the
background-color CSS attribute in the SPRY horizontal menu css not
working?
HELLLLLP! and, uh, Thanks,
Karl
Prototype
link using spry, css, ajax sprites and other magic.>>
Regrettably, the silence from the forum has been deafening.
I'm not sure if folks are just wary of SPRY and AJAX issues right
now because they're so new or if it's the summer heat
>>
guess it´s all of that :-) But folks visiting these more
"general" Dreamweaver forums are not necessarily Spry experts
respectively might not even be interested in that -- you´ll
certainly get more response when posting Spry related questions in
the
Spry
forums @ Adobe Labs -
Spry vertical menu problem with IE
We implemented the spry vertical menu for showing the
categories of a products catalog. It has almost 1800 categories
organizad at about 5 levels, some categories have about 30
subcategories. These categories are extrated from a database.
It works in mozilla but in IE present this problem:
- The response time is slow when you change from one category
to ahother. And the effiecience decrease.
See in
http://edit.panamericana.com.co/
Thanks,
AlejandroI tried in Firefox 3 and IE7 and they both seemed fairly slow
for any action to take place. But IE7 did seem pretty slugish.
It seems that you're already determined what the issue is,
you have waaaaaay too many menu items. Seems to me that that number
of items don't belong in a menu. There are even menus that are too
long to appear entirely on the page, so they can't be easily
accessed without accidentally hiding the menus again, which I did
several times. IN particular:
Cartuchos > Technologica
If you cannot change to a different format to show all of the
items, then perhaps you can split up the menu so that you don't
have too many at one time. I checked the code of your page and it
seems that you've got a lot of other scripting going on there
besides Spry, so is the issue with Spry or with everything else
you're trying to do with that menu. If you can try to recreate the
page with only the menu items on it (and not pulled in dynamically
on the fly), and then add back to your page a bit a time, you might
be able to find out what is really causing the delays. -
when I try to place a horz. spry menu into a div, it hops outside the container.
I went back to the thread but could not figure out how to respond.
The site was originally built using AP Divs (including a spry menu bar). It appeared that the new menu “hopped” because the absolute position was still within the code – is that possible?
I created a new spry asset folder and started over. As you can see, it’s in the div just fine, but the buttons (font size, hover, etc.) are all messed up and I can’t figure out how to fix the problem.
http://www.hoistco.com/test3.html
Thanks for your help. -
DHTML Menu - Problem with Translation
I have the DHTML menu installed within portal and have just added a "French" Translation to a few of my page groups. When I flip over to French using the "Set Language" portlet, the menus no longer show up.
In addition, when I edit the menu, none of my page groups are there to select as the basis for my menu.
Is there any way to make the menu compatible with Portal's Translation function? Has anyone else encountered this problem?Hi there
I'm getting the same problem. I'm trying to add Portuguese translation and the dhtml menu simply disappears.
How can i solve this problem?
I don't think it is a issue with the code because it works fine for both languages in another page group.
Can anyone help please?
Regards,
Sonia -
MENU PROBLEM WITH 6110 NAVIGATOR
HI
I HAVE A NOKIA NAVIGATOR 6110
CAN ANY ONE HELP ME WITH THESE PROBLEMS
PROBLEM 1> WHEN I PRESS THE MENU BUTTON IT GOES TO A SINGLE FOLDER ON THE SCREEN
THE NAME OF THE FOLDER IS &qtn_apps_... AND MOST OF MY OTHER FOLDERS ARE IN HERE.
PROBLEM 2> WHEN I GO INTO THE DATE AND TIME SECTION IT WILL NOT GIVE ME ACCESS.
THANKS
ZOKIMONAn older SIM card can cause problems in newer phones. You might want to upgrade your SIM card and see if that cures the problem.
Experience and persistence are second to none just ask user one.
1610»2110»8110»5110»3310»6210»7250i»6220»6230»6230i»6233
Love me or hate me, its still an obsession. Love me or hate me, that is the question... -
Spry menu problems. Please help.
Hello,
I am new to web design so please try and be patient with me .
I am trying to create a horizontal spry menu bar into a new page. Even though I select horizontal, the menu is vertical. I have read through many previous posts and FAQ'q, but cannot find the answer. It is not just in IE, it is in every browser and dreamweaver itself. I am using 5.5.
UPDATE-- If I create the spry into a new blank HTML document, it works just fine. So I imagine it is something to do with the template?
Heres the code:
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: none;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
ul.MenuBarHorizontal {
width:8em;
margin: auto;
And this is the HTML for the menu bar when insterted into a page:
InstanceBeginEditable name="Header" -->
<div class="Header">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Main Content" -->
Thank you for any and all help!
NickOk so I decided to make a nice menu through fireworks.
This confuses me even further, how did you make a SpryMenuBar through FW?
It now works, but the links to the drop down menu are not horizontal in the drop down menu.
So it doesn't work
And this is only when trying to enter it into the template, into a new HTML it works fine..So it does work
Unforuntely I cannot post the website
Well, our worries are over, there is no need to correct the problem, no one will ever see the website.
Yes, I am being facetious.
In all seriousness, you can upload the website to a temporary location. This way we will be able help you.
Have a happy New Year!
Gramps
Maybe you are looking for
-
Hello. Help. Help. Help. I have to get value from APEX_ITEM.SELECT_LIST_FROM_QUERY - column on a report. SELECT DISTINCT ROLE AS GET_ROLE, JOB AS GET_JOB, APEX_ITEM.SELECT_LIST_FROM_QUERY ( 1, '%', 'SELECT DISTINCT CODE c, MODE m FROM T2 WHERE ROLE =
-
Nokia Lumia 1320 does not recognize media files properly
Hello I have the following problem with my Nokia Lumia 1320: media files (either music or video) are not recognized properly and therefore seen in "other" section of Storage. There has been a discussion here a while ago here: https://social.msdn.micr
-
Cannot find the configuration file BcPackage\common\bc4j.xcfg?
Hi, After manually deployment, tried to run the application and got following error: Error Message: JBO-29000: Unexpected exception caught: oracle.jbo.JboException, msg=JBO-33001: Cannot find the configuration file BcPackage\common\bc4j.xcfg in the c
-
Why my ipad photos gets deleted but the blank album exists?
I am a new ipad user. please advise me why every time my photos which i am copying from lappy is getting deleted but the blank album is not! I am saving the copied photos in diffeent album all the time still its getting deleted in my ipad! I need ol
-
Photoshop Elements 13 upgrade problem!?
I bought Photoshop Elements 13 upgrade version. Previous version PSE7 has been activated 3 years ago. My computer is connected to the internet via wifi with a speed of 100/10M. Every time I try to open my new program it tell´s to me, that Sign in Re