Spry Nav Menu - Please help
I am viewing my website in internet explorer on an older
computer and my spry left navigation bar is not working. Also the
main content is pushed to the bottom of the page on homepage. Is
there a fix for this? Of course it looks fine in IE 7 and Safari.
Since this is a county health site, most people WILL be looking
from older computers so I can't ignore the problem.
I would appreciate anyone's help, since this is on of the
first websites I have designed using CS3. Here is the link
http://www.eriecohealthohio.org
Well it depends on how old you are talking about. To start
off I would recommend updating to the latest version of Spry by
going to the following page and downloading the update.
http://labs.adobe.com/technologies/spry/home.html
The download is an archive of a bunch of files and samples.
All you need to worry about is the Extension that is in there. Then
open up DW and under the Sites menu you will see an extra option to
Update Spry. Then re-upload your SpryAssets folder.
Also I'm waiting on browsershots.org for a screenshot of your
main content because I no longer run IE 6 or earlier anymore.
Everything in your CSS looks fine from the looks of things but I
will try to see what you are seeing to get a better estimate to
help you.
Finally, while I'm waiting for this, I would recommend
validating your page as well to ensure full compatbility:
http://validator.w3.org/
Similar Messages
-
Using Spry in Templates - please help!
I am trying to use Spry in templates (Dreamweaver CS4) and
cannot do it. Can someone please help me? I know that I can put the
spry widget inthe template but then it will be on every child page
which I don't want. I'm not sure I understand the instructions to
open the head...
-Josh> I dont understand about opening a head...
I think it has something to do with transcendental
meditation....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"GPaul" <[email protected]> wrote in message
news:glf037$ae7$[email protected]..
> Im not sure I understand your question, however if you
dont want something
> in every child page of a template, then you put it in an
editable section
> on the child pages you do watn, or make that section
editable and take out
> on the pages that you dont want it on.
>
> I dont understand about opening a head...
>
>
> "jl25" <[email protected]> wrote in
message
> news:gldsbb$79$[email protected]..
>>I am trying to use Spry in templates (Dreamweaver
CS4) and cannot do it.
>>Can
>> someone please help me? I know that I can put the
spry widget inthe
>> template
>> but then it will be on every child page which I
don't want. I'm not sure
>> I
>> understand the instructions to open the head...
>>
>> -Josh
>>
>
> -
Premiere CS4 freezing on startup menu, please help.
Hi,
I installed Adobe Premiere CS4 not too long ago as part of Master Collection and all the other programs seem to work but Premiere doesn't.
Whenever I open Premiere CS4, the splash screen loads up and then I get that menu with New Project and Open Project buttons. That's when it freezes. The buttons don't work and whenever I click on them the menu flickers slightly and nothing happens. I tried closing some Adobe processes like acrotray and Import Process but that didn't help.Has this got something to do with Quicktime or something else? Please help, I need Premiere CS4 to work on my college assignments.I solved the problem!:)
I actually found it through the panel on the right for similar problems.
Apparently WindowBlinds 6 was the cause of the probelm and there was an option in it that I had to change.
Now Premiere works. -
All my bookmarks suddenly disapered, tried recovering them as per the instructions on the help page, but no matter what date i try it fails saying no backup! Now firefox says bookmark added when i try to add them but nothing appears in the bookmarks drop down mene, so i cant even add my old bookmarks manually, driving me mad please help.
A possible cause is a problem with the file places.sqlite that stores the bookmarks and the history.
*http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox -
I have so many error messages, warnings, under tools menu please help resolve.
Under the tools menu, I have a lot of warnings and messages..please provide assistance in resolving these errors.
Thank you.You can ignore (CSS) errors in the Tools > Error Console.<br />
Those errors are only useful if you develop websites and want to check the HTML/CSS and JavaScript code for errors.<br />
Most errors are code for other browsers like IE or browsers on other platforms or just typos or the result of bad coding.<br />
Do you have any problems with accessing websites? -
CSS problem with drop menu please help!
I have been going crazy for hours trying to use CSS to cover up part of a border, but I can't seem to do it with z-index or anything. My desired effect is to have the border be visible around the menu item and the drop part (only during hover) and eliminate the part that is separating the menu item from the drop box. Any help would be greatly appreciated.
Here is the menu part of my HTML:
<ul class="dropdown">
<li><a href="about-us.html">Company</a>
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="people.html">People</a></li>
<li><a href="business-development.html">Business Development</a></li>
</ul>
</li>
<li><a href="oral-cancer.html">Therapeutic Areas</a>
<ul>
<li><a href="oral-cancer.html">Oral Cancer</a></li>
</ul>
</li>
<li><a href="media-inquiries.html">News</a>
<ul>
<li><a href="media-inquiries.html">Media Inquiries</a></li>
<li><a href="press-releases.html">Press Releases</a></li>
<li><a href="publications.html">Publications</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a>
<ul>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
Here is the CSS:
/* Drop Menu */
ul.dropdown, ul.dropdown li, ul.dropdown ul
list-style: none;
margin: 0;
padding: 0;
font-size: 15px;
ul.dropdown
position: relative;
float: left;
ul.dropdown li
float: left;
background-color: #C3C3E5;
padding: 7px 10px;
line-height: 15px;
border: 1px solid #C3C3E5;
height: 20px;
ul.dropdown li:hover
position: relative;
background-color: #BBAADD;
border: 1px solid #FFFFFF;
border-bottom-color: #BBAADD;
ul.dropdown ul
z-index: 100;
visibility: hidden;
position: absolute;
width: 180px;
top: 100%;
left: 0;
margin-left: -1px;
ul.dropdown ul li
float: none;
background-color: #BBAADD;
border: 0;
ul.dropdown a:link
z-index: 100;
color: #FFFFFF;
text-decoration: none;
ul.dropdown li:hover > ul
visibility: visible;
border: 1px solid #FFFFFF;
ul.dropdown li:hover > ul li:hover
border: 0;
ul.dropdown li:hover > ul li a:hover
text-decoration: underline;Like this:
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Dynamic Results from Dropdown Menu PLEASE HELP!!!
Hi. Here's an example of what I'm trying to accomplish. (the Order Estimator section) http://www.modernpostcard.com/products_services/pricing/ Are there any good resources, tutorials, etc. anyone could point me towards on this entire process? I'm just starting out so I'm not really sure what I need to search for.
Hi Marc
Option for quantity wouldn't be any problem. ^^
Okey here you go, first make a "Dropdown-Menue"
Add the options you wanna give with the green button.
Then go to bind/binding; click the checkbox there.
Now get a decimal field in your form. (Name probably "Decimalfield1")
Click the dropdownlist. There should be some kind of table where you can enter a script. First choose "Exit" and "JavaScript".
Then you should write in there something like
if (this.rawValue == "1")
{decimalfield1.rawValue = "3,00"}
if (this.rawValue == "2")
{decimalfield1.rawValue = "4,00"}
Be sure to use the right names ;D
Do that with all your boxes.
The last box with the sum:
Get in there, choose "Calculate" (FORMCALC)
Write in decimalfield1 + decimalfield2 + (and so on)
To make the dollar sign and so show up you've got to give a pattern in each field :)
Hope that helped :)
Lisa -
I bought a new iPad 2 and I was trying to create entries on the calendar application but I cannot because there is no plus sign(+) at the bottom right corner of the calendar application. Please assist?
Try going into Settings > iCloud and toggle Calendars 'off' and 'on' and see if you then get the '+'
-
I have looked everywhere for this but cannot locate "From the Store menu, choose Authorize This Computer. (In earlier versions of iTunes, access this option from the Advanced Menu" Please help!! I have been on every iTunes store menu and cannot find "Authorize This Computer"
On your Computer...
Open iTunes...
If you're using iTunes 11 click on the box icon in the top-left corner to see the " Show Menu Bar "
and from the Menu Bar select Store...
From the Store menu, choose Authorize This Computer.
When prompted, enter your Apple ID and password, thehen click Authorize. -
Spry Menu rendering improperly in Firefox - PLEASE HELP
Hello:
I have searched the forums and the web and can't find the
solution to the following problem.
I have a vertical spray menu with flyouts (CS3). Works great
in IE, in Firefox, the flyouts go to the far right of the page.
They used to be OFF the page, but I fixed that, I just can't figure
out the final fix.
Can someone please help? TIA!
URL:
http://www.yourhonor.com
Code for Menu bar:
@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: 85%;
cursor: default;
width: 130px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-weight: bold;
/* 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;
background-image: url(../images/Images/ButtonMaroon.png);
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 130px;
/* 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: 85%;
position: absolute;
z-index: 1020;
cursor: default;
width: 130px;
font-family: Arial, Helvetica, sans-serif;
left: -1000em;
/* 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;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.5em;
color: #000000;
text-decoration: none;
background-image: url(../images/ButtonGold.png);
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
color: #663300;
background-image: url(../images/ButtonBronze.png);
/* 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
color: #660000;
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/ButtonGold.png);
background-repeat: repeat-y;
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.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(../images/ButtonBronze.png);
background-repeat: repeat-y;
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.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
f\loat: left;
display: inline;
width: 130px;Hi,
You have made too many changes to the original stylesheet.
Please have a look at my remarks here.
I hope this helps.
Ben -
Please help me with spry bar menu
I have laid out my page with the div tags in Dreamweaver. I defined the different sections by putting colors in them until i am ready to put stuff into them however when i insert the spry menu bar into my navigation section, the area below it is behaving like a drop down box of color. What i mean is that the area below which is supposed to stretch from left to right as a single box is now broken up by a different color box the width of the spry bar and goes down to the next box. When i preview it in the browser the page appears normal. How can i get rid of the intruding box in dreamweaver.
HI
I am practicing for the webmaster design course pratical exam. The web page i will be asked to construct will consist of a home page with two or three other pages pages in the site it will have to link to. I know how to do most of the steps individualy but i do not know in what order some of them are done. What i mean is this. ... after setting up the root folder..images..laying out the divs .. i would like to know ... at what point do i do the various things like, set up a styles folder...make a template... make the other pages of the site ..etc. I think i am able to do nearly all of these things but not sure in what order they should be done so the site will work.
I have reached the point where i have established the site and layout, i.e. the wrapper, logo, navigation,header,bodycontent,right and left columns, clearbar, footer. i would like someone to list the sequence i should follow after this. I am praticing on a trial CS5.5 which seems to simplfy to a freat extent what we learned on the course because it is a later version. The version we used on course was CS4 and if the pratical is in this version then i will need to know how it is done in this format.
Date: Sun, 22 Jan 2012 17:45:18 -0700
From: [email protected]
To: [email protected]
Subject: Please help me with spry bar menu
Re: Please help me with spry bar menu created by Nancy O. in Dreamweaver - View the full discussion
If this only happens in DW Design View, use Live View or turn off your CSS display.
View > Style Rendering > un-tick Display Styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4157994#4157994
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4157994#4157994. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
My Spry Menu doesnt want to work. Please help!!!!!
Hi,
My website is www.jumpingbeanpartyrental.com my navigation menu after I uploaded my files to my server are vertical using bullets, its supposed to be horizontal. I found the post below:
"First download the spry updater I pointed you to, close dreamweaver and open the adobe extension manager. Select dreamweaver in the extension manager, then select install from the menu options, navigate to the spry updater extension and select this, then select o/k to all on-screen prompts.
Once the spry updater is installed open dreamweaver. Open the html page with the spry menu and delete the 'old' css file, select the spry updater from the Site menu item, (main dw menu) select the item for the spry menu, and click on update.
Upload the html file and all your spry assets to your server."
I downloaded the spry updater, but when I open dreamweaver my spry updater from the Site menu is not active. So i cant click on update. I dont know what to do.............. Please help.......... Im not an expert on these, if you know the answer to my problem,PLEASE give me step by step answer.
Thanks in advance,
VHi again,
Like you know I have been trying to fix my website (navigation bar). Somebody fixed the navigation bar through FTP, a few days after he did it I had to made some changes to my website (using dreamweaver and then uploading my files to godaddy), after the uploading I checked my website and the pages that I made the changes where all messed up like at the beginning. Rentals, Packages and a few others are with that issue.
Dont know if you can help me with this, like i said in my earlier messages Im not an expert.
I appreaciate anything you can do for me.
again my website is www.jumpingbeanpartyrental.com
Thanks again,
V -
# sign in address bar is messing with my spry nav bar. Please help
Hi everyone,
I'm using DWCS3 on a Mac book OS X Leopard 10.5 and I have set up MAMP aswell.
I've got a really simple information site and I'm using Spry navigation bars, all the links work fine in MAMP for all of my buttons except on one page.
When I try to press the buttons on the navigation bar, in the address bar a hash sign will appear next to the address for the page;
e.g. ../innocent/case.html (without pressing buttons in nav bar)
../innocent/case.html# (after pressing button in nav bar)
This stops the nav bar performing on that particular page and you can not navigate the site.
MAMP is using Firefox as the start page, when i use the preview in browser facility in DWCS3 I have the same problem with Firefox, however the problem does not seem to be occuring in Safari or Opera.
I created my page from a template and have checked the links are O.K. I don't undrestand why it works on all the other pages except for one.
Could somebody please help me out?When I try to press the buttons on the navigation bar, in the address bar a hash sign will appear next to the address for the page;
e.g. ../innocent/case.html (without pressing buttons in nav bar)
../innocent/case.html# (after pressing button in nav bar)
This usually occurs when the link is as follows
<a href="#">my link</a>
But without seeing your code for case.html it is very hard to judge,
I hope this helps.
Ben -
Spry Menu Bar display issue - please help.
Everything works accept for IE for PC. I want the backgrounds
of the menu to be transparent but they are coming up white in IE.
Please help. Thank you.
http://www.pjhaarsma.com/techmark/docs/main.htmlFound it:
In the hack on the CSS sheet - change background from #FFF to
transparent:
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;
/* 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: transparent;
} -
XML Data Set with Spry Slides - Please Help
Hi, I'm trying to combine XML Data Set with sliding tabs.
I've created two keys responsible for sliding the tabs:
<a id="previous" href="#"
onclick="sp1.showPreviousPanel();">Previous</a>
<a id="next" href="#"
onclick="sp1.showNextPanel();">Next</a>
Then XML Data Set is used to populate the tabs, but only a
single tab remains visible, and a "Next/Previous" buttons are used
to move to the next tab. And this is where the problem arises.
The problem is that, every time I refreash the gallery or
load it for the first time, I have to press TWICE the "Next" button
to move to the next image. After that, its all fine, and slides
well. It's only the FIRST time when loaded.
Please help.
Here's the full code:
<div id="images_gal" >
///////////////////////////////////////// The menu - the
culprit///////////////////////////////////////////
<div id="menu_next">
<a id="previous" href="#"
onclick="sp1.showPreviousPanel();">Previous</a>
<a id="next" href="#"
onclick="sp1.showNextPanel();">Next</a>
</div>
//////////////////////////////////////// The Sliding Panels
Gallery ////////////////////////////////////////////////////
<div id="example2" class="SlidingPanels" tabindex="0" >
<div class="SlidingPanelsContentGroup"
spry:region="dsSpecials">
<div spry:repeat="dsSpecials" id="{first}"
class="SlidingPanelsContent{second}"><div class="top_gal"
></div><div class="main_gal"><img
src="images/Galery/{third}" alt="Digital_Signage" width="600"
height="304" />
<p class="screen_gal"><a href="#"
onclick="MM_openBrWindow('film1.html','Coloris','width=340,height=260,
top=250, left=250')">CLICK TO VIEW</a></p>
</div><div
class="bottom_gal"></div></div>
</div>
</div>Anyone has any idea why I need a DOUBLE Click to start moving
the sliding panels?
I've just completed two tutorials by Don Booth.
1/Building a Spry Sliding Panels widget
2/Building a photo album with the Spry framework
But what I try to COMBINE them - display the photos in
sliding panels, I also need to DOUBLE click the "next" buton before
it starts scrolling.
Why is that Double Click needed? Help Please.
Here's my code for the combined version:
<!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>Untitled Document</title>
<style type="text/css">
a {
position:relative;
left:23px;
top:127px;
z-index:10000;
color: #FF0000;
</style>
<script type="text/javascript"
src="photo_album_samples/includes/xpath.js"></script>
<script type="text/javascript"
src="photo_album_samples/includes/sprydata.js"></script>
<script type="text/javascript"
src="Spry/SprySlidingPanels.js"></script>
<link type="text/css" rel="stylesheet"
href="Spry/SprySlidingPanels.css">
</head>
<body>
<div >
<a href="#" onclick="sp1.showPreviousPanel();">Previous
Panel</a>
<a href="#" onclick="sp1.showNextPanel();" >Next
Panel</a>
</div>
<div id="panelwidget" class="SlidingPanels" >
<div class="SlidingPanelsContentGroup"
spry:region="dsGallery" >
<div spry:repeat="dsGallery" class="SlidingPanelsContent"
id="p1"><img
src="photo_album_samples/thumbnails/{@thumbpath}"/></div>
</div>
</div>
<script type="text/javascript">
var dsGallery = new
Spry.Data.XMLDataSet("photo_album_samples/photos.xml",
"gallery/photos/photo");
</script>
<script type="text/javascript">
var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
</script>
</body>
</html>
Maybe you are looking for
-
Can I download an update from a different country than my account is registered in?
My Adobe account was set up in Australia, but I am currently based in Germany. I would be using my Australian credit card to purchase a Lightroom 5 update...will it still let me download it in Germany? And can I use it on two computers? Many thanks!
-
How To Select One Video Feed During A Conference
I have a need to conference with three people and show them a single video presentation. I only need to hear their audio feeds, I do not need to see their video, and they do not need to see each other. I thought it was possible in iChat to select whi
-
Input Tax - difference between sap version 4.7 and version 5
Hi All I done total customising of input tax on sap version 4.7 as well as version 5. now I want to enter following invoice through t.code F-43:- Raw Material Cost 50,000.00 Add:- Excise
-
I am loading a nice amount of data onto a server from a db so that clients can have quick access to the info (we wont have to go back to the db to get their info). As the data is growing I am getting an Out Of Memory error. Do you think that if I sto
-
TROUBLE MOVING CONTACTS FROM ONE GROUP , , TO OTHER (APPLE ADDRESS BOOK) WHEN I TRY TO DRAG IT WON'T STAY . WHERE SHOULD I BE , AND HOW DO I DRAG ???? AND RELEASE AB