Vertical Spry menu works in IE7 but not Safari
My vertical SPRY menu works well in various versions of IE
but when I preview in Safari it has an odd way of creating the
sub-menu. Here is the visual:
http://www.ornh.mb.ca/index_test.html
Any suggestions? Dawn
First thing is first. Your spry code is out of date. You are
running version 1.4 and the latest is 1.6.1. Go to the page below
and run the Spry Updater package:
http://labs.adobe.com/technologies/spry/home.html
Similar Messages
-
Flash 10 works in FF but not Safari, OS X 10.5
About a week ago flash stopped working in Safari and both firefox and safari started bugging me to install a newer version. Muttering, I went to the download page and downloaded the latest, which claims to be for Safari, Opera, and firefox.
Installation completes fine with no errors. Firefox works. But in Safari, I just get the usual 'no flash installed, would you like to download it?'
I've downloaded and installed multiple times, no dice. Plug-ins are enabled on Safari. I do not have settings folders to delete--/Library/Application Supprt/Adobe has no flash player folder, only Acrobat, Updater6, and Help.
This whole thing is a black box and I don't see what else to do. Installation completes and there's no way to verify anything. Any ideas would be welcome.Thanks! BTW I'm also having trouble updating Adobe Reader. I have 9.4.0 and want to update to the new Adobe Reader X. I keep getting Error 1402 which refers to the registry keys. I am unable to completely uninstall the old version. After receiving the error message it reloades the older version. I read about how to modify the registry to accept it but I believe this is a very wierd way to have to get an update loaded. Any suggestions?
Date: Mon, 27 Dec 2010 10:34:22 -0700
From: [email protected]
To: [email protected]
Subject: Flash Player works in IE8 but not Safari
Hi Bruce, Adobe Flash Player is Installed separately into IE, since Windows uses the ActiveX Control. Firefox and other non-IE
browsers must use the plugin Installer.
This is the Adobe site :
http://www.adobe.com/products/flashplayer/fp_distribution3.html
Hope that explains it.
Thanks,
eidnolb
> -
Rollovers works in Camino but not Safari
Does anyone know why my rollover stopped working in Safari,
but it works fine in IE and Camino?
I did a simple rollover to display before and after images
and I swear, yesterday when testing it in Safari It worked fine.
Today it doesn't work on any of my 3 macs here. It displays fine on
WinXP and IE, and in Camino on my Macs.
here is the page.
www.chipwillis.com/retouch
Any ideas are most appreciated.Thanks! BTW I'm also having trouble updating Adobe Reader. I have 9.4.0 and want to update to the new Adobe Reader X. I keep getting Error 1402 which refers to the registry keys. I am unable to completely uninstall the old version. After receiving the error message it reloades the older version. I read about how to modify the registry to accept it but I believe this is a very wierd way to have to get an update loaded. Any suggestions?
Date: Mon, 27 Dec 2010 10:34:22 -0700
From: [email protected]
To: [email protected]
Subject: Flash Player works in IE8 but not Safari
Hi Bruce, Adobe Flash Player is Installed separately into IE, since Windows uses the ActiveX Control. Firefox and other non-IE
browsers must use the plugin Installer.
This is the Adobe site :
http://www.adobe.com/products/flashplayer/fp_distribution3.html
Hope that explains it.
Thanks,
eidnolb
> -
After uninstalling and downloading the latest Abobe Flash player, I can no lnger play youtube videos. I get the message "blocked plug-in". It works in Firefox, but not Safari?
Frostbitblue,
in Safari’s Preferences, select its Security tab, and make sure that its “Internet plug-ins: Allow Plug-ins” checkbox is checked. -
HELP - CS5 - Site works in IE7 but not IE8 or Firefox?
Hope some one can help or pint me in the right direction as i am a complete beginner.
My webpage desplays perfectly in IE7 but not quite correctly in other browsers. Is there a bit of code i can add that will rectify this problem?
My html code is:
<!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>BDC Intranet</title>
<link href="styles/check_cs5.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-image: url();
</style>
</head>
<body>
<div id="outerWrapper">
<div id="container">
<div id="header">
<img src="images/logo.jpg" title="" alt="" class="logo" />
<address>
<p>Braintree District Council, Causeway House, Bocking End, CM7 9HB</p></address>
<img src="images/email.jpg" title="" alt="" class="email" />
<img src="images/bdclogo.jpg" title="" alt="" class="bdclogo" />
<ul class="mainNavigation">
<li><a href="index.html">- Home</a></li>
<li><a href="http://bdcintiis/intranet/">/ Library</a></li>
<li><a href="http://bdcintiis/Intranet/Library/">/ Directory</a></li>
<li><a href="http://bdcintiis/Intranet/PeopleDirectory/">/ Forum</a></li>
<li><a href="traffic.html">/ Traffic Report</a></li>
<li><a href="http://bdcintiis/intranet/">/ Local Weather</a></li>
<li><a href="http://braintree-cp01/directory/directory.php?sID=10e1ae435af25009f959623e823f4a62&search= 1&SearchStr=&Items=1">/ Contacts</a></li>
<li><a href="http://bdcintiis/Intranet/Help/">/ Help</a></li>
</ul>
<h1>You are currently at the intranet homepage</h1>
</div>
<div id="column1">
<h2>Links</h2>
<ul class="sideNavigation">
<li><a href="index.html">- Home</a></li>
<li><a href="http://bdcintiis/Intranet/Braintree-Colchester/">- BDC Working</a></li>
<li><a href="http://bdcintiis/Intranet/Organisational+Development+and+Learning/">- BDC Learning</a></li>
<li><a href="http://bdcintiis/Intranet/Social/">- BDC Social</a></li>
<li><a href="http://bdcintiis/intranet/">- Departments</a></li>
<li><a href="http://bdcintiis/intranet/">- Your Ideas</a></li>
<li><a href="http://bdcintiis/intranet/">- BDC Calendar</a></li>
<li><a href="http://bdcintiis/intranet/News/">- News & Events</a></li>
<li><a href="http://bdcintiis/intranet/">- Current Issue</a></li>
</ul>
<div id="braintreeUpdate">
<h5>Local News</h5>
<br />
<script src="http://www.gmodules.com/ig/ifr?url=http://www.ajaxgaier.com/iGoogle/rss-reader%2B.xml& up_title=&up_feed=http%3A%2F%2Fwww.braintreeandwithamtimes.co.uk%2Fnews%2Fbraintree_ne ws%2Frss%2F&up_contentnr=19&up_fontsize=10&up_titlelink=&up_bullet=1&u p_reload_feed=0&synd=open&w=190&h=195&title=&border=%23ffffff%7C3px%2C 1px+solid+%23999999&output=js"></script>
</div>
<h5>Get in Touch</h5>
<img src="images/getintouch.jpg" title="" alt+""/>
</div>
<div id="column2">
<h1>Local News about Braintree District Council</h1>
<h2>Police crack down on motoring offences - click here for more information</h2>
<div id="pageBanner">
<p>Police crack down on<br />motoring offences</p>
</div>
<div class="thumbContainer">
<div class="thumb">
<img src="images/shaping.jpg" title="" alt="" />
<p>We have been trying to keep the momentum of the Shaping up for the Future conferences alive. click here</p>
</div>
<div class="thumb">
<img src="images/cycle.jpg" title="" alt="" />
<p>Serco are taking part in a charity bike ride, from London to Brighton. Click here for more information</p>
</div>
<div class="thumb">
<img src="images/field.jpg" title="" alt="" />
<p>A programme inspired by residents and will officially launch in June and run for two years. Click here</p>
</div>
</div>
<div id="notices">
<h3>Latest BDC Notices and Events</h3>
<p>- Solid pine bedroom furniture - Solid pine chunky rustic bedroom furniture with oiled finish - £150 ono - <a href="http://bdcintiis/Intranet/Notices/?ID=2271">Click here</a><br />
- Toy Story Mania Wii Game + Ray Gun - Disneys Toy Story Mania Wii Game including the Ray Gun for it. £12 - <a href="http://bdcintiis/Intranet/Notices/?ID=2270">Click here</a><br />
- For Sale: Ford Mondeo - 1995 Ford Mondeo (auto) 1.8 LX Taxed & MOT until Oct 2010 £250 - <a href="http://bdcintiis/Intranet/Notices/?ID=2269">Click here</a><br />
- Bon Jovi tickets - 2 tickets for Bon Jovi at the O2 Sunday 20th June 2010 Block 107 on lower tier row E seats 226 and 227 £150 for the pair. - <a href="http://bdcintiis/Intranet/Notices/?ID=2311">Click here</a><br />
</div>
</div>
<div id="column3">
<h2>Links</h2>
<ul class="rightNavigation">
<li><a href="http://bdcintiis/Intranet/Login.htm">- Log into the Content Management System</a></li>
<li><a href="http://bdcintiis/Intranet/Login.htm">- Open the live version of the BDC website</a></li>
</ul>
<h4>A to Z</h4>
<p><img src="images/AtoZ.jpg" title="" alt+""/><br />
<br />
</p>
<h4>Local Weather Update</h4>
<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/10916253967 9639397174/weather.xml&up_location=Braintree&up_scale=C&up_title=Braintree& ;up_icons=Google&synd=open&w=188&h=356&title=&border=%23ffffff%7C3px%2 C1px+solid+%23999999&output=js"></script>
</div>
<div id="footer">
<h1>All of the pages on this website are the copyright © of Braintree District Council</h1>
</div>
<div class="advertContainer">
<div class="advert">
<img src="images/bottompics.jpg" title="" alt="" /> </div>
</div>
</div>
</div>
</body>
</html>
My CSS code is:
body { font-size: 100%; font-family: Arial, Helvetica, sans-serif; background: #c0c0c0; margin: 0px; padding: 0px; }
#outerWrapper { width: 1000px; margin: 0 auto; }
#container { width: 980px; padding: 10px; margin: 0 auto; float: left; background: #fff; }
#header { width: 980px; height: 150px; margin-bottom: 10px; position: relative; background: #595959; }
#column1 { float: left; width: 198px; margin-right: 10px; border: 1px solid #adc411; }
#column2 { float: left; width: 560px; }
#column3 { float: left; width: 198px; margin-left: 10px; border: 1px solid #adc411; }
#footer { width: 980px; height: 35px; margin-bottom: 10px; margin-top: 10px; position: relative; background: #595959; }
#header img.logo { position: absolute; top: 5px; left: 10px; }
#header img.bdclogo { position: absolute; top: 5px; right: 5px; }
#header img.email { position:absolute; top: 77px; right: 131px; }
#header ul.mainNavigation { width: 980px; height: 20px; padding:0px; margin: 0px; background: #fff; position: absolute; bottom: 35px; left: 0px; list-style: none; }
#header ul.mainNavigation li { float: left; list-style: none; width: 120px; display: block; background: #fff; }
#header ul.mainNavigation li a { display: block; color: #595959; text-decoration: none; font-weight: bold; line-height: 20px; text-align: center; font-size: 80% }
#header ul.mainNavigation li a:hover { }
#header h1 { color: #fefefe; margin: 0px; padding: 0px; position: absolute; bottom: 10px; left: 10px; font-size: 80%; }
#header address { position: absolute; top: 63px; right: 10px; color: #fefefe; font-size: 75%; font-weight: bold; font-style: normal; }
#column1 h2,
#column3 h2 { background: #adc411; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 10px 0px; padding: 4px 5px; font-size: 95%; }
#notices { float: left; height: 200px; width: 560px; margin-top: 10px; margin-right: 10px; border: 1px solid #adc411; font-size: 80%; }
#notices h3 { background: #595959; color: #fefefe; line-height: 20px; width: 550px; margin: 0px 0px 10px 0px; padding: 4px 5px; font-size: 110%; }
#column2 h1 { color: #adc411; margin: 0px; padding: 0px; font-size: 110%; font-weight: bold; }
#column2 h2 { color: #595959; margin: 0px; padding: 0px; font-size: 80%; }
#column2 #pageBanner { width: 560px; height: 200px; position: relative; background: url(../images/police.jpg) no-repeat center; margin-bottom: 10px; margin-top: 10px; }
#column2 #pageBanner p { color: #fefefe; font-weight: bold; position: absolute; bottom: 10px; left: 10px; }
#column1 ul { float: left; list-style: none; padding: 0px; margin: 0px; }
#column1 ul li { float: left; clear: both; padding: 4px 5px; list-style: none; }
#column1 ul li a { display: block; text-decoration: none; color: #595959; font-weight: bold; font-size: 90%; }
#column1 ul li a:hover { }
#column1 h5 { background: #595959; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 5px 0px; padding: 4px 5px; font-weight: bold; font-size: 80%; }
#column3 ul { float: left; list-style: none; padding: 0px; margin: 0px; }
#column3 ul li { float: left; clear: inherit; padding: 4px 5px; list-style: none; }
#column3 ul li a { display: block; text-decoration: none; color: #595959; font-weight: bold; font-size: 90%; }
#column3 ul li a:hover { }
#column3 h4 { background: #595959; color: #fefefe; line-height: 20px; width: 188px; margin: 0px 0px 5px 0px; padding: 4px 5px; font-weight: bold; font-size: 80%; }
.thumbContainer { float: left; width: 570px; overflow: hidden; }
.thumb { float: left; width: 170px; height: 190px; padding: 5px; margin-right: 10px; background: url(../images/backroundgreen.jpg) no-repeat; font-size: 75%; font-weight: bold; color: #fefefe; }
#footer h1 { color: #fefefe; margin: 0px; padding: 0px; position: absolute; bottom: 10px; left: 230px; font-size: 80%; }
.advertContainer { float: left; width: 980px; height: 35px; overflow: hidden; }
.advert { position: absolute; top: 890px; left: 330px; }I know i am really sorry the page is only a mock up so i dont have a link i could send you.
If you have an email address i could email you the files as they are only small.
If it helps to understand i have 2 screen shots below of how it looks in IE7 & IE8.
Thank you very much for your help.
IE7
IE8 - The left and right green headings are not there and the bottam banner has moved up to the top? -
Spry menubar works in IE, but not Firefox
I added a very simple Spry horizontal menubar to the top of all pages in my web (I'm using DWCS4 and Spry 1.6). When I preview it in Firefox locally, it seems to work, but when it is uploaded to the web server it works in IE, but not in Firefox. Instead of a menubar, I see a stack of bulleted hyperlinks. In IE, it displays properly.
Website is http://www.stevegoldman.com.
How can I fix this problem so that it works with all browsers properly?
-- MartinI just tested your site with firefox (latest version) and it works just fine. I also tested it in IE: 7.0 and it worked fine for that too. Looks like you have either fixed the problem or you have a different version of firefox than me or something.
Favorite qoute: "do unto other as you would do unto yourself"
Favorite hobby: airsoft / electric aeg airsoft guns
Airsoft Sniper Rifles -
Spry tooltip works in IE but not Firefox
Hi,
I don't understand or can't figure out what I have done wrong. I have created a tooltip for the last product (4 inch diameter Vortex Water Revitalizer in copper (special order)) on the page: http://www.alivewater.net/order.htm
It works in IE but not Firefox... I can't figure out why... can you help me and see what I have done wrong?
Eternally grateful,
StarryI think I fixed the problem.. maybe you had looked at it after it was fixed. I do appreciate your help though!
-
XML Dataset whit spry:if works in IE8 but not in IE6,IE7 and IE9
Hello,
I have bigs problem with my site created using SPRY framework and the filters functions.
My pages works properly in IE8, Safari, firefox, chrome, ecc but not in IE6 and IE7.
In IE9 works only in "compatibility mode"
This page is an example:
http://www.digidevice.com/P_IT/IT-Prodotti01.html
in the browser ok there is a list of items, in the other that don't works there is only a void rectangle.
In this page one example with code depured by formatting:
http://www.digidevice.com/P_IT/IT-Prodotti01_PROVADATASET2.html
Thanks in advanceHi, i have a similar problem..
These URL returns a XML:
1) http://www.bolsadesantiago.com/intradayServlet?symbol=IPSA
2) http://www.valorfuturo.com/contenidos_vf/proyectos/clientes/penta/titularnoticias.asp
I use a CS4 and both works in preview, but only first works over internet (IE7).
I suspect that 2° has a problem of syntax XML, but work with jQuery. -
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 accordion works in template, but not pages using that template
So I added a spry accordion to one of my templates and changed the script to default closed. It works great. In the template. But not in any of the pages using that template. Basically I can see the content in the accordion on the page as if there is no accordion at all. And I can see the script and html telling me an accordion should be there. It just isn't. I can see the framework when in edit mode. But in live mode, it's like there's not there but the content.
I'm using Dreamweaver CS6.
Any thoughts?
Thank you for your time!If the template has been created properly, then the Spry files should automatically be included in the child page(s).
My template looks like
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<!-- TemplateBeginEditable name="EditRegion3" -->
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<!-- TemplateEndEditable -->
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
My child page looks like
<!doctype html>
<html><!-- InstanceBegin template="/Templates/untitled.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name="EditRegion3" -->
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<!-- InstanceEndEditable -->
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
<!-- InstanceEnd --></html> -
Spry Table works in Firefox but not IE
I have a Spry table working just fine in Firefox in a site
I'm developing:
http://www.abenaki.com/newsite/schedule.html,
but in IE 6 and 7 it first shows the table, unpopulated, and then
disappears altogether. I'm new to Spry and XML... have I done
something wrong? Any light anyone could shed would be hugely
appreciated! Thank you!!
The XML looks like this:
<?xml version="1.0" encoding="utf-8"?>
<courses>
<course id="1">
<name>New! Introduction to Social Assistance and Case
Management</name>
<location>Winnipeg</location>
<startdate>10 21 2008</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>This course covers the setup, daily and periodic
procedures for Abenaki’s Social Assistance and Case
Management Module.Topics to be covered include: organization
profile setup, rate maintenance, security, vendor and client
maintenance, cheque production in Sage Accpac, cheque production in
the Social Assistance module, reports, case planning, month and
year end processing.</desc>
</course>
<course id="2">
<name>Introduction to Safe Water Infrastructure
Management System</name>
<location>Moncton</location>
<startdate>10 28 2008</startdate>
<duration>2 days</duration>
<price>$1295</price>
<desc>No description available at this
time.</desc>
</course>
<course id="3">
<name>Introduction to Housing Inspection and Management
System</name>
<location>Moncton</location>
<startdate>10 30 2008</startdate>
<duration>1 day</duration>
<price>$495</price>
<desc>This introductory level course covers all of the
steps involved in the data entry and report generation for housing
units in the community. Topics to be covered include: rating the
condition and estimated cost to repair of the interior, exterior,
amenities, fire and health hazard items. Students will learn how to
generate reports to identify housing units in need of minor or
major repairs and those units that are potential fire and/or health
hazard.</desc>
</course>
<course id="4">
<name>New! Post Secondary Education and Student
Tracking</name>
<location>Winnipeg</location>
<startdate>11 12 2008</startdate>
<duration>3 days</duration>
<price>$1595</price>
<desc>No description available at this
time.</desc>
</course>
<course id="5">
<name>New! Introduction to Social Assistance and Case
Management</name>
<location>Edmonton</location>
<startdate>11 18 2008</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>This course covers the setup, daily and periodic
procedures for Abenaki’s Social Assistance and Case
Management Module.Topics to be covered include: organization
profile setup, rate maintenance, security, vendor and client
maintenance, cheque production in Sage Accpac, cheque production in
the Social Assistance module, reports, case planning, month and
year end processing.</desc>
</course>
<course id="6">
<name>Introduction to Safe Water Infrastructure
Management System</name>
<location>Edmonton</location>
<startdate>11 18 2008</startdate>
<duration>2 days</duration>
<price>$1295</price>
<desc>No description available at this
time.</desc>
</course>
<course id="7">
<name>Introduction to Housing Inspection and Management
System</name>
<location>Edmonton</location>
<startdate>11 20 2008</startdate>
<duration>1 day</duration>
<price>$495</price>
<desc>This introductory level course covers all of the
steps involved in the data entry and report generation for housing
units in the community. Topics to be covered include: rating the
condition and estimated cost to repair of the interior, exterior,
amenities, fire and health hazard items. Students will learn how to
generate reports to identify housing units in need of minor or
major repairs and those units that are potential fire and/or health
hazard.</desc>
</course>
<course id="8">
<name>Sage Accpac ERP 5.5 Refresher</name>
<location>Moncton</location>
<startdate>01 20 2009</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>No description available at this
time.</desc>
</course>
<course id="9">
<name>Sage Accpac ERP 5.5 General Ledger and Accounts
Payable</name>
<location>Winnipeg</location>
<startdate>01 20 2009</startdate>
<duration>4 days</duration>
<price>$1695</price>
<desc>No description available at this
time.</desc>
</course>
</courses>
Abenaki Course
ScheduleThe reason its not working its because its "crashing" at the
sort function in IE, I have no clue why.
To be more specific,, this part of the SpryData.js
if (this.unfilteredData)
this.unfilteredData.sort(sortfunc);
if (this.filterFunc)
this.filter(this.filterFunc, true);
else
/*this->*/ this.data.sort(sortfunc);
Maby try to delete the setColumnType for your startdate, to
see if that helps. Because your startdate is not a "valid" date
string. (i think) -
Menu works on Mac but not in DVD player...any idea why?
I created a DVD using IDVD6. The burn process, etc. seemed to go fine. When I stick the DVD in the DVD player, the menu does come up but I am only allowed to press play. I am not able to click to the other button (scene selection), however I am able to if I play the DVD on the Mac.
iMac G5 Mac OS X (10.4.7)Nevermind. Figured it out. It was my darn DVD player remote control!!!! Ugh.
-
Flash 9 works in IE7 but not FireFox or Opera
I can dl flash movies just fine in IE7 but they fail to load
in firefox 2 and opera 9. I have most recent versions of
everything, have uninstalled and reinstalled flash. No result. Has
anyone else experienced this?
Thanks,
MattInstructions for uninstalling and reinstalling the latest
Flash Player:
First download the uninstaller to your desktop from here
http://www.adobe.com/go/tn_14157
Before running this uninstaller be sure to read the
instruction and close all running programs.
Open the following folder C:\WINDOWS\system32\Macromed\Flash
Run the uninstaller
What files are left in this folder?
C:\WINDOWS\system32\Macromed\Flash
If there are files left, delete the Flash folder.
Install the Flash Player from here:
http://www.adobe.com/go/getflashplayer -
Safari works with Foxfire but not Safari
in my 10.4.8 system, my 7.1.3 QuickTime player plays
videos when I am use my 1.5.0.8 Foxfire but not when I use
my 2.0.4 Safari (which I prefer)
any thoughts ?Thanks Starman
it also helped to uncheck the "Miscellaneous" option in he "MIME Types" box in preferences
things are now working as they should -
Mobile menu works on pc but not on mobile phone
If I test the link, below, on my PC (it is my mobile phone menu), it works fine.
If I test it on my Galaxy S5, however, it seems to cycle back to menu without displaying the link.
Can anyone help me with this?
Glenn's Photographs
Thanks,
Glenn
Here is the actual code:
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Photographs and Paintings">
<meta name="keywords" content="photographs, creative photographs, art, painting, paintingst">
<meta name="author" content="Glenn Abelson">
<title>Glenn's Photographs</title>
<link href="../../boilerplate.css" rel="stylesheet" type="text/css">
<link href="../../index.css" rel="stylesheet" type="text/css">
<!-- Redirect for mobile phone -->
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
<!--
if (screen.width <= 600) {
document.location = "index_mobile.html";
//-->
</script>
<script type="text/javascript">
<!--
<!-- Specifically for iphones -->
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("index_mobile.html");
</script>
<script src="../../respond.min.js"></script>
<style type="text/css">
-->
body {
background-color: #3b424d;
background-image: url();
body {
background-color: #3b424d;
#apDiv1 {
position: relative;
width: 200px;
height: 115px;
z-index: 1;
left: auto;
top: 1px;
#bkgrnd {
position: absolute;
width: 326px;
height: 637px;
z-index: 1;
left: 4px;
top: 12px;
a:link {
color: #9FF;
a:visited {
color: #FF9933;
a:hover {
color: #FFC;
#apDiv2 {
position: relative;
width: 289px;
height: 84px;
z-index: 2;
left: auto;
top: 233px;
color: #FFF;
</style>
</head>
<body><!--<div class="gridContainer clearfix"> --><img src="images/index_mobile2.fw.png" alt="Glenn Abelson Photographs" usemap="#Map" longdesc="http://www.abelson.com">
<map name="Map">
<area shape="rect" coords="16,8,50,29" href="../../index_mobile.html">
<area shape="rect" coords="30,247,211,271" href="creative_part1/index.html">
<area shape="rect" coords="30,277,213,293" href="creative_part2/index.html">
<area shape="rect" coords="32,323,111,345" href="landmarks/index.html">
<area shape="rect" coords="27,296,109,320" href="animals/index.html">
<area shape="rect" coords="32,351,112,368" href="landscapes/index.html">
<area shape="rect" coords="32,422,98,444" href="people/index.html">
<area shape="rect" coords="32,444,118,465" href="perspectives/index.html">
<area shape="rect" coords="30,471,123,495" href="street_scenes/index.html">
</map>
<!--</div>-->
</body>
</html>All the menus are image maps. Three out of four work.
My div text menu on top of an image gave me similar problems.
Maybe you are looking for
-
How much do I charge to design a co-worker's website for a starter business?
I'm not a web-designer - I'm an architect (or will be). But I got into graphic design a little, and just recently web-design. To be honest, it all seems to be coming naturally, and I just finished recreating the company-site of the place I work, and
-
Hello, I'm in a new project that needs to be in JSP. I'm using JSP + Struts2, do you guys think its good? Whats the best and the the most recent technologies to use with JSP? I'm having a problem when passing JSP parameters values to Java Classes in
-
Can' t consume JMS messages from remote queue
Hello. We are using Tibco JMS Server as Foreign JMS server from WL server. And WebLoigic (8.1 SP 3) MDBs are receivers. Everything works fine until there is a restart of the Tibco server. Once the queues become unavailabe, we see in the WL log that t
-
I am getting suddenly getting this message: "Your photo library will not be readable by previous versions of iPhoto after the upgrade. The photo library needs to be upgraded to work with this version of iPhoto. The upgrade process for very large libr
-
HT1338 system preferences are frezee when I Try to update my desktop
Hi. I need help with my computer, I have a Mac Pro 13", resently I buy this computer arround 4 or 5 mounths and I have troobles with the system preference , I try too update the system and reboot the system but nothing happen. Please if you have any