Dreamweaver CS4 SPRY Menu Problems in IE
I am trying to have a drop-down menu on my site using the SPRY option in Dreamweaver CS4. In all browsers it looks exactly like it should. Unofrtunately in IE it pops out to the side instead of down. Anyone know a fix around this. The site is http://mtltechnologies.com/
Here is the SPRY CSS.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
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: 12px;
cursor: default;
width: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* 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: 154px;
float: left;
height: 25px;
/* 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;
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: 154px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 5px;
color: #FFF;
text-decoration: none;
background-image: url(../images/button_bg.jpg);
text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
background-image: url(../images/button_bg_down.jpg);
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(../images/button_bg.jpg);
/* 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(../images/button_bg_down.jpg);
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(../images/button_bg_down.jpg);
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;
Anyone know a fix?
Thanks,
The code is too long. Let's do it this way, did you change anything on the default css of the SPRY menu?
just my thought, why don't you remove it from the table? That might be the cause. Try to think of an alternative way like using divs and css.
Similar Messages
-
Dreamweaver CS5 Spry Menu problem;
Hi, I'm doing a web-site project for my Web Design class, and I ran into a problem. In Dreamweaver my spry menu only shows one part of the menu, but when I go to preview it, its perfectly normal. When I turned it into my teacher he sees the spry menu just like the one in Pic 2. I can't really upload it to a public domain/website because I can't at school. The way we see websites is by transfering folders into the teachers folders and click the index.html. Is there any way to fix this?
Code if needed:
<!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=utf-8" />
<title>Kelsey's Page</title>
<style type="text/css">
body {
background-color: #EBF2FE;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"> </td>
</tr>
<tr>
<td align="center"><img src="asdasdawe.jpg" width="907" height="331" /></td>
</tr>
<tr>
<td width="100" align="center"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.htm">Home</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">Portfolio</a>
<ul>
<li><a href="enterport1.html">Personal</a> </li>
<li><a href="enterport2.html">New PRHS</a> </li>
<li><a href="enterport3.html">Performance</a> </li>
<li><a href="enterport4.html">Teacher</a> </li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Schedule</a>
<ul>
<li><a href="enterweb.html">Web Design</a> </li>
<li><a href="enterani.html">Animation</a></li>
<li><a href="enterlatin.html">Latin 4</a></li>
<li><a href="enterapush.html">APUSH</a></li>
</ul>
</li>
<li><a href="derp.htm">Derp</a></li>
</ul></td>
</tr>
<tr>
<td align="center"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><img src="bigpic2.jpg" width="910" height="510" /></td>
</tr>
</table>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>We can't view or "fix" your teacher's folder.
Why not be a rebel, find yourself some free hosting,
upload all your files and post a link for us. -
Dreamweaver Vertical Spry Menu Problem in IE7
I just finished setting up a vertical, 3-level spry menu in
Dreamweaver CS3, and when I preview it in IE7, several pixels have
been added in between the buttons, which spreads the menu out and
looks terrible. The problem disappears after I clear the ActiveX
warning, and it doesn't occur in FF. Could someone please tell me
how to fix this??
Here's my SpryMenuBarVertical.css file:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.8em;
cursor: default;
width: 150px;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 150px;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
background-image:url(../images/topnav-up-165.gif);
background:#FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #FFFFFF;
background-image:url(../images/topnav-up.gif);
padding: 0.3em 0.3em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #FFFFFF;
color: #333;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-color: #FFFFFF;
color: #333;
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.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(../images/topnav-up.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #038203;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
border-top-width: 2px;
border-top-color: #FFFFFF;
border-right-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-left-color: #FFFFFF;
/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(../images/topnav-dn.gif);
background-repeat: no-repeat;
background-position: 0% 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.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;I just finished setting up a vertical, 3-level spry menu in
Dreamweaver CS3, and when I preview it in IE7, several pixels have
been added in between the buttons, which spreads the menu out and
looks terrible. The problem disappears after I clear the ActiveX
warning, and it doesn't occur in FF. Could someone please tell me
how to fix this??
Here's my SpryMenuBarVertical.css file:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
LAYOUT INFORMATION: describes box model, positioning,
z-order
/* The outermost container of the Menu Bar, a fixed width box
with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0.8em;
cursor: default;
width: 150px;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 150px;
/* Submenus should appear slightly overlapping to the right
(95%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
background-image:url(../images/topnav-up-165.gif);
background:#FFFFFF;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #FFFFFF;
background-image:url(../images/topnav-up.gif);
padding: 0.3em 0.3em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #FFFFFF;
color: #333;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-color: #FFFFFF;
color: #333;
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.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(../images/topnav-up.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #038203;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
border-top-width: 2px;
border-top-color: #FFFFFF;
border-right-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-right-color: #666666;
border-left-color: #FFFFFF;
/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(../images/topnav-dn.gif);
background-repeat: no-repeat;
background-position: 0% 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.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* 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.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF; -
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. -
Dreamweaver cs4 spry menus issues with asp
I am having problems using spry menus with dreamweaver cs4
and asp pages. When I inset the spry menus they look fine on the
screen, except when I look at them through a browser the menu is
displayed as in my attachment. This doens't happen with html, so is
there an issue in dreamweaver 4 asp. Can anyone help me with this
one?
JulieJulie,
Not a asp problem can you post a link or code for the page in
question?
Dave
"JulieThompsonaus" <[email protected]> wrote
in message
news:gqovvm$c0g$[email protected]..
> I am having problems using spry menus with dreamweaver
cs4 and asp pages.
> When I inset the spry menus they look fine on the
screen, except when I
look at
> them through a browser the menu is displayed as in my
attachment. This
doens't
> happen with html, so is there an issue in dreamweaver 4
asp. Can anyone
help
> me with this one?
> Julie
>
> * About Us
> o Our Staff
> o Testimonials
> o Customer Survey
> * Service Requst
> * Recruitment
> o Training
> o Job Descriptions
> o Job Applications
> * Contact Us
>
> c
>
>
>
>
>
>
>
>
> ? Home Carers 2009 Site Map Email Us
> -
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 -
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 -
Dreamweaver CS4 - Server Busy Problem
I purchased Adobe Suite CS4
several years ago, received a serial number, and successfully installed
all of the Adobe programs.
All of a sudden, when I click the
Dreamweaver CS4 shortcut, the
Dreamweaver background appears, with a "Server Busy" box, with the
error message "action cannot be
completed because the other
program is busy,
choose Switch or Retry". Retry
doesn't do anything, and "Switch To"displays the start menu.
I switched to Dreamweaver CS4 from the
all programs list, and Dreamweaver appears
without the "Server Busy" message, but then it reappears when
I attempt to set the site root folder.
I notice that there are two
Dreamweaver buttons at the bottom task bar (and that there are two
Dreamweaver programs in the task manager), but neither button functions
when I click on each one to try to close it. Deleting one or the other
from the task bar doesn't eliminate the error message.
In addition, Photoshop CS4 stalls
when it is trying to locate plug-ins. However, Flash and Illustrator do
execute properly.
Can anyone me advise how to solve this
problem?
Thanks,
Stuart Braun
[email protected]Hi NewOrleans99,
If both DW and PS are giving you problems, I suggest that you verify whether your system requirements meet the demands of these software.
Thanks,
Preran -
When inserting spry accordion and spry collapsible menus from
dreamweaver cs3 in a blank html page i get a javascript error and
continue to get them making the use of these spry menus unworkable.
The error says" While executing inspectSelection in
spry_accordion.htm, a Javascript error occured." Does anyone know
of a fix to this problem?Hi Lucaandluna,
Well the website page I have linked was done in Dreamweaver
MX (think thats version 8) and I used the Pop Up Menu behaviour in
that program. Its a great little tool and you can change the sub
menu text and box size and much more. BUT I can not easily copy
this to other pages as when I do copy it looses all the information
on the Drop down menu. Thus for every page on my website I have to
change each Drop Down menu by hand which is a very time consuming
process. Thus I want to use a CSS menu system so I only have to
updage the Drop Down menu once for the whole site.
So I have the same problem with the sub menu text, I can't
seem to figure out how to make the colour different from the main
menu. For the look of my Spry Menu I have been altering the Spry
CSS file. IF you don't want thos little arrows then look in the CSS
file for something called Submenu Indication. There you will find
the Gif files for the arrows, delete the ones u don't want. -
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. -
Dreamweaver CS4 Lightbox Gallery Problem
Hello Everyone,
I am using Dreamweaver CS4 on a Mac and I am a beginner at producing my website, just so you know. I am using lightbox gallery for my photo gallery on my website and everything works fine except that when you click on the picture to start the gallery there is a question mark that pops up where there should be instead the enlarged picture. When I preview it using Safari the enlarged photo pops up with no problem, the question mark pops up only when I upload the website online. I have been trouble shooting to the best of my ability, but to no avail. Please someone, show me what I am doing wrong.
Here is the coding:
<!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=UTF-8" />
<title>Photo Gallery</title>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="gallery1" class="lbGallery">
<ul>
<li> <a href="images/lightboxdemo1.jpg" title=""> <img src="images/lightboxdemo_thumb1.JPG" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo2.jpg" title=""> <img src="images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo3.jpg" title=""> <img src="images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo4.jpg" title=""> <img src="images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo5.jpg" title=""> <img src="images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /> </a> </li>
</ul>
</div>
<script type="text/javascript">
// BeginWebWidget lightbox_gallery
$(function() {
$('#gallery1 a').lightBox();
// EndWebWidget lightbox_gallery
</script>
</body>
</html>
And the website URL is: http://majesticmonumentvalley.com/photogallery.html
Please note that I have not customized my own photos in the gallery because they only end up with the question mark so I wanted to fix this problem before I started putting my own photos on the website.
Thank you for your time.
-JessicaHello,
Thank you for your response. I put my own photos into the gallery and made sure they were located in the images folder. I previewed it in Safari and all was well. But, yet again, when I uploaded it online it does the same thing- a question mark appears instead of the enlarged image. The thumbnail images are fine, it is just the enlarged images giving me grief. What am I doing wrong?
The new coding:
<!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=UTF-8" />
<title>Photo Gallery</title>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/lightbox.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="gallery1" class="lbGallery">
<ul>
<li> <a href="images/honeymoonarch1.jpg" title=""> <img src="images/honeymoonarch_thumbnail.jpg" width="200" height="133" alt="" /> </a> </li>
<li> <a href="images/jessicaofmv.jpg" title=""> <img src="images/jessicaofmv_thumbnail.jpg" width="150" height="226" alt="" /> </a> </li>
<li> <a href="images/mittensunriseglow.JPG" title=""> <img src="images/mittensunriseglow_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
<li> <a href="images/themittens.JPG" title=""> <img src="images/themittens_thumbnail.JPG" width="200" height="150" alt="" /> </a> </li>
<li></li>
</ul>
</div>
<script type="text/javascript">
// BeginWebWidget lightbox_gallery
$(function() {
$('#gallery1 a').lightBox();
// EndWebWidget lightbox_gallery
</script>
</body>
</html>
And the URL: http://majesticmonumentvalley.com/photogallery.html
Thanks again for your time.
-Jessica -
I recently changed my menu on my site to be a spry menu. My problem is that in IE the menu messes up after the drop down menu. Everything after the drop down moves underneath the menu bar and changes to just hyperlinked text. The menu works fine in all other browsers, The site is corinth-baptist.net any help would be greatly appreciated!!
Your markup is screwed up. Compare yours with the following
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a></li>
<li><a class="MenuBarItemSubmenu" href="#">About Us</a>
<ul>
<li><a href="about us.html">About Us</a>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="bus ministry.html">Bus Ministry</a></li>
<li><a href="subscribe.html">Newsletter</a></li>
</ul>
</li>
<li><a href="directions.html">Directions</a>
<li><a href="sermons.html">Sermons</a></li>
<li><a href="contacts.html">Contacts</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
Gramps -
Spry menu problem suggestions?
My horizontal spray menu on my website at www.goodimage.com under images/kids or images/pets shows kids and pets on same line. This appears correct when looking at the source layout, the live view layout but when put on my site it looks bad with both kids and pets on the same menu line.
Any suggestions? HLowerThere are a few problems with the main stylesheet - and in the spry menu stylesheet:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. goodimage.com%2F
When you moved the css from the head of the document you also included the style tags: The code in red should be removed from the mygoodimage.css.
<style type="text/css">
all the styles here
</style>
ALSO:
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #; <-------------------- an empty selector here. you need to specifiy a color or remove the it altogether.
SPRY MENU STYLESHEET:
the IE Hack comment isn't closed - you need to add the bit in red to close off the comment - and the menu should work correctly in IE.
/* 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;
width: auto;
background-image: url(../images/background_slate.gif);
PS: Some of these errors could also contribute to the template problem... I've a template not work correctly due to errors either in the html or the css, so if you fix these and see how you go with the menu and then try the template again. -
Dreamweaver CS4 start-up problem solved; shutdown crash not solved
FYI - I learned very quickly that Dreamweaver CS4 will not launch at all (no splash screen, nothing) with setpoint.exe running in the background. Setpoint.exe is a Logitech mouse/keyboard manager. Shut it down and DW launches fine.
Shutdown, however, is driving me crazy. When closing out DW (File > Exit or X-out), the app closes, then about fifteen seconds later, I get an error dialog that DW has crashed. 0xc0000005 error (memory access violation).Hi Stan,
Thanks for responding.
Truth be told, I got so focused on the Encore problem, it didn't occur to me to see whether Media Encoder was still functioning properly on my machine.
At any rate, I did byte the bullet, and re-install Encore, and the problem in question went away. Interestingly enough, when you opt to re-install Encore, CS4 automatically re-installs Media Encoder as well, so I guess the two programs are pretty tightly joined at the hip. Not surprising, perhaps, since I suspect that Encore is in some ways just a special case of Media Encoder, at least as far as the transcoding is concerned.
Of course, once I got Encore up and running, I tried to bring over a very, very small sequence from Premiere Pro and build it, and Encore crashed again (In PproHeadless.exe call to ImageRender.dll). Frustrating, since as a newbie all I'm trying to do is understand how the sequence settings I'm using in Premiere translate into final DVD output. The project I am working on involves a mixture of still images and short video clips culled from many sources in many formats, and my first renders in Premiere yielded lots of letterboxing (I'm learning the hard way about pixel aspect ratios and the like). As such, I figured before I built too many sequeneces, I should find a set of settings and work procedures that yield good results.
I used dynamic linking to bring over my sequence from Premiere, and I'm thinking that perhaps having both Encore and Premiere open at the same time requires too many resources on my limited system. Time to go figure out other options for moving sequences from Premiere over to Encore to see if that is in fact the issue.
-PtCruiser105 -
Dreamweaver CS4 Serial Number Problems
Hi guys, I bought a new copy of Dreamweaver CS4 a couple of years ago, installed it, and its run fine. I don't build websites for a living, have just built one for myself and a couple of groups I'm involved with.
Just a few weeks back, I went to use the program and it told me to enter my Serial Number. I thought this was a bit wierd as I'd been using the program for a couple of years, and entered the Serial Number provided on the packaging when first installed. When I entered the Serial Number a red X appeared next to the number and the message "The serial number you entered is not valid"
Why would this have happened? Has the program been corrupted? I've been using the program without any problems until this started, now I can't seem to get into it. How can I fix this problem?
Many thanks.Hi everyone, thanks so much for your replies, I really appreciate it. Sorry for my slow response, I have to travel a bit for my work so have been away lately. Jim, I have checked the serial number a few times to make sure I didn't mess it up. But am still having issues.
Carey, the problem I'm having isn't with trying to install it on a new pc. The problem is with my two current pc's. I first loaded the product to my main pc approx 2 years ago, and its been working fine. I installed it to my laptop more recently when my main pc went in for some repairs. Its been working fine on the laptop too. However, in December last year, my main pc was struck with a virus. I don't know if this was at all related to the issues I'm now having with my serial number, but the next time I went to use Dreamweaver, it started giving me a countdown for when I'd need to install my serial number. When that countdown reached 30 days it locked me out. When I entered my serial number, the red X appeared next to it and said "The serial number you entered is not valid".
The program worked fine on my laptop, until I went to use it a couple of weeks ago, and now when I open it an error message pops up which reads:
"Licencing for this product has stopped"
"This product has encountered a problem which requires that you restart your computer before it can be launched"
Then it goes on to tell me that if the problem continues I should contact Adobe, and it gives the error message: "Error: 148:3"
When I restart my computer, I get the same error message.
I have been really happy with the product. I don't want to install it on a new pc, I just want to sort out the serial number issues that have started and to get it working again on my existing pc and laptop.
Thanks again everyone for your help.
Maybe you are looking for
-
BitLocker not Enabled on HP ElitePad 1000 G2
I have an HP ElitePad 1000 G2 that I am using MDT to apply our 8.1 x64 Update image. This task sequence works fine on all other systems on which it has run. On the ElitePad, when the task sequence completes, BitLocker is not enabled. Running manage
-
CSS best practice / keepalives
We have a Cisco 11503 running 7.40.1.03 (standard feature set) that we are setting up as a load balancer for a new e-mail system. I had two previous threads - thanks to Gilles and the others who responded. The box is now more or less configured to do
-
How do I cut one large clip into several manageable ones?
I have imported some very large files (100 GB or more each) from film conversions. I need to cut them into clips so I can manage them. I looking for suggestions. Thanks La Bete
-
Once running the labview program which contain DAQ Assistant and can be run without any error before, the message box of "ERROR-50405....." appear which capture down in the attachment. We use PCI6221 and LabVIEW 8.0 in Windows XP. I also found that t
-
Stored Procedure - Recompile Error
Hi All, We have few stored procedure in SQL Server 2008, we are invoking those stored procedure using .NET Multi-Threading environment. The issue is we are getting ReCompile Error and it is blocking rest of the process. We analyzed our stored procedu