Spry menu works fine local and turns the whole web page white when it goes live. Please help.
Thanks in advance to anyone who helps me out with this problem. I have been working on it all day and I took the time to design nice buttons in Photoshop and backgrounds. It works perfect viewing it in my browser locally.
I have ran into a problem. My whole page turns white I can't see anything at all when i upload it live. I use hostgator webhosting business package if this helps.
I have made sure that I uploaded my SpryAssets folder with everything in it to the server. As you can see I changed the links to work with my website.
This is the following code I am editing in my header file live minus some keywords and html tags.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
<td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" align="center"><tr>
<td width="2"></td>
<td width="162"><a href="index.html"><img src="templates/{$template}/images/tab_something.png" onmouseover="this.src='templates/{$template}/images/tab_something_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_something.png';" border="0"></a></td>
<td width="14"></td>
<td width="162"><a href="most-popular/"><img src="templates/{$template}/images/tab_popular.png "
onmouseover="this.src='templates/{$template}/images/tab_popular_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_popular.png';" border="0"></a></td>
<td width="13"></td>
<td width="162"><a href="top-rated/"><img src="templates/{$template}/images/tab_rated.png"
onmouseover="this.src='templates/{$template}/images/tab_rated_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/tab_rated.png';" border="0"></a></td>
<td width="13"></td>
<td width="162"><a href="cam.html"><img src="templates/{$template}/images/buttonhere.png" onmouseover="this.src='templates/{$template}/images/lbuttonhere_MouseOver.png';" onmouseout="this.src='templates/{$template}/images/buttonhere.png';" border="0"></a></td>
<td width="14"></td>
</tr></table>
</td></tr>
</table>
</body>
</html>
The code below it is what makes my website go white, you can't even see anything at all. Notice all i took out was buttons and then i added the spry code. The site will still work perfect without the buttons, but as soon as I place the spry code within the page anywhere it goes white and won't work at all.
<base href="http://{$host}"></base>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="templates/{$template}/styles.css" type="text/css" />
<script language="javascript" src="libs/prototype/prototype.js"></script>
<script language="javascript" src="js/functions.js"></script>
<script language="javascript" src="js/labels.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
{if $load_js==1}<script language="javascript" src="js/modules/{$module}.js"></script>{/if}
</head>
<body background="templates/{$template}/images/bg.gif" alt="something here">
<table cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td align="center" background="templates/{$template}/images/header_bg.gif" alt="something here">
<table width="736" cellpadding="0" cellspacing="0" align="center" height="179"><tr>
<td background="templates/{$template}/images/header.jpg" alt="something here" width="736" height="179" align="center" valign="bottom" style="padding-bottom:0px;">
</td>
</tr>
</table>
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get" padding-left:0px;">
<input type="text" class="input-text" name="tag" id="tag" value="" style="width: 100px; background-position: -14px 0px; height:35px; padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"/SpryAssets/SpryMenuBarDownHover.gif", imgRight:"/SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</td></tr>
</table>
</body>
</html>
I'll try to be nice, but if it doesn't come over that way, please forgive this grumpy old man.
When I look at your markup as follows
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="/index.html">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/categories">something here</a>
</div>
</li>
<li>
<div align="center"><a href="/most-popular">something here</a> </div>
</li>
<li>
<div align="center"><a href="/top-rated">Top Rated</a>
</div>
</li>
<li>
<div align="center"><a href="/name.html">Name</a> </div>
</li>
<li id="list1">
<form name="search_form" id="search_form" action="index.php" method="get" padding-left:0px;">
<input
type="text" class="input-text" name="tag" id="tag" value=""
style="width: 100px; background-position: -14px 0px; height:35px;
padding-left:0px;">
<input type="submit" class="input-button" value="Search" style=" align: left; width: 60px; height:35px;">
</form> </li>
</ul>
I wonder
what a link to a style sheet is doing in the middle of your document. The placement of a link to CSS should only be within the head-section of your document
why a div has been placed right in the middle of a list. If you want to place the menu item in the middle, then do so using CSS on the a element.
why a form has been placed within the menu bar. Everything within the ul element will be considered part of the menu bar.
Clean up your code and all should be well.
Gramps
Similar Messages
-
I'm designing the website in Adobe Muse, using the .OAM file from Edge Animate. Please help.
Sounds like you may need to set the target url to _parent
See reference: HTML a target Attribute
Darrell -
After doing a Google search, I click on a link and go to the searched web page. When I go back to the Google page using the back button the links I originally clicked on no longer show as "greyed out". Any idea what is going on with the browser?
Type '''about:config''' in the Location (address) bar and press the "Enter" key. When you see a warning, click '''I'll be careful, I promise!''' button.
* Preferences that have been modified are shown as '''bold (user set)'''.
* Preferences can be '''Reset to the default''' or changed via the right-click context menu.
-> In the '''Filter bar''', type '''browser.sessionhistory.max_entries'''
* Right click the preference '''browser.sessionhistory.max_entries''' and click '''Modify'''
* Change value from 0 to whatever you want over 0 (Default value is 50)
* click OK
-> Close the '''about:config''' tab and then Restart Firefox.
See this post:
* https://support.mozilla.com/en-US/questions/860894#answer-229574
Check and tell if its working. -
i bought extenscript toolkit cc, in a monthly payment of 35 nic. i did everything acording to the instructions and the program i got is adobe aplication manager.
and not the program for proccesing a picture - extenscript toolkit cc.
please help me.
hanan epshtainI bought using the software Adobe Creative Cloud for one year.
I pay in installments months 35 Nice ..
Adobe sent me an inappropriate application ... I can not get the software I ordered ... I'm asking for help ..
Unable to send email service department to get answers ..
This problem ..
Thank you
Hanan. -
My Canon MP620 appears to be connected, yet every time I try to print something, it says error. I have tried to unplug and track the error, but I cannot figure out why. Please help! this is such an inconvenience!
What Mac model? What Mac OS version?
FYI, this forum is for Apple hardware made before 1999. -
We updated to the new Pages 5.0.1 and now none of our Pages 9 documents will open. Please help.
We updated to the new Pages 5.0.1 and now none of our Pages 9 documents will open. Please help.
Since you have Pages '09 documents it is safe to assume that you own Pages '09. If you bought it from the App Store you should be able to download it again to your new machine. If you have the install disks, you can install it on the new machine and the find the updater for it.
Or you can go to the Apple Store (make an appointment) and get them to install iWork '09 on your machine. They will do this for free if you can provide any proof that you owned it on your older machine. They may do it for free anyway.
As others said, your '09 files should open, so perhaps they were '08 files. In which case you must open with '09 first. For this reason Apple will sometimes give you a free version of iWork '09. If you are not near an Apple Store try phoning them. No guarantees, but others have reported that Apple sent them a free DVD.
Worse comes to worse, look to buy it on Amazon or eBay, but try Apple first. -
The status bar is pushed up at about 3/4 of the screen, so I can view only Firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full view
== This happened ==
Every time Firefox openedYour code is absolutely unreadable - even if someone was willing to
help, it's simply impossible. I do give you a few tips, though: If you
understand your code (i.e. if it really is YOUR code), you should be
able to realize that your minimum and maximum never get set (thus they
are both 0) and your exam 3 is set with the wrong value. SEE where
those should get set and figure out why they're not. Chances are you
are doing something to them that makes one 'if' fail or you just
erroneously assign a wrong variable! -
My Iphone5 turned black today while in school. I thought it was dead, so i charged it for 20 minutes but it didnt work. Ive tried turning it on. That dosent do anything either. Please Help
Like any other computer, the iPhone can sometimes have a weird glitch or hiccup. It's part of technology. As long as the reset gets you back up and running, then you're good to go.
-
Spry menu works in Firefox and Safari, but not Internet Explorer
I designed my school website in CS4 and CS5. The left spry menu bar appears correctly in Firefox and Safari, but in Internet Explorer the gray background and buttons do not appear. You can only see the text and when you scroll over the text, it disappears even though when you click on it, the link does appear. The website is http://ml.chinookschools.org. I created the site on a mac and I am hosting it on a mac mini server on my network at school. I am a beginner with Dreamweaver and I'm not sure if someone can help me with this, but I would sure be appreciative for any help offered. Here is the source code for the main template page:
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="header"><a href="../index.html"><img src="../images/header.jpg" width="950" height="121" /></a>
<div id="apDiv1"><a href="http://chinookschools.org/" target="_blank"><img src="../images/hslink.gif" width="170" height="60" /></a></div>
</div>
<div id="bodyArea">
<div id="left">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="../calendar.html">Calendar</a> </li>
<li><a href="../contactinfo.html">Contact Information</a></li>
<li><a href="../currenthappenings.html" class="MenuBarItemSubmenu">Current Happenings</a>
<ul>
<li><a href="../harwoodhappen.html">Mr. Harwood - K</a></li>
<li><a href="../haslerhappen.html">Ms. Hasler - K</a></li>
<li><a href="../tedwardshappen.html">Mrs. T. Edwards - 1</a></li>
<li><a href="../lewishappen.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitneyhappen.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimerhappen.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwardshappen.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleodhappen.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenziehappen.html">Mrs. MacKenzie - 6</a></li>
<li><a href="../surberhappen.html">Mrs. Surber - Ex. St.</a></li>
</ul>
</li>
<li><a href="../PDFs/gifted.pdf">Gifted & Talented</a></li>
<li><a href="../libraryhappen.html">Library News</a></li>
<li><a href="../pto.html">PTO</a></li>
<li><a href="#" class="MenuBarItemSubmenu">School Information</a>
<ul>
<li><a href="../activities.html">Activities</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Class Schedules</a>
<ul>
<li><a href="../harwood.html">Mr. Harwood - K</a></li>
<li><a href="../hasler.html">Ms. Hasler - K</a></li>
<li><a href="../tedwards.html">Mrs. T. Edwards - 1</a></li>
<li><a href="../Lewis.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitney.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimer.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwards.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleod.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenzie.html">Mrs. MacKenzie - 6</a></li>
</ul>
</li>
<li><a href="../edlinks.html">Educational Links</a></li>
<li><a href="../PDFs/handbook.pdf">Handbook</a></li>
<li><a href="../PDFs/newsletter.pdf">Newsletters</a></li>
<li><a href="../schoolforms.html">School Forms</a></li>
<li><a href="../studyhall.html">Study Hall</a></li>
</ul>
</li>
<li><a href="../staff.html">Staff</a> </li>
<li><a href="../index.html" class="MenuBarVertical">Home</a></li>
</ul>
</div>
<div id="right"><!-- TemplateBeginEditable name="Editable Area" -->
<!-- TemplateEndEditable --></div>
<div id="footer">
<div align="center"></div>
<div align="center"></div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>You are not using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Then, if you have a look near the bottom of SpryMenuBarVertical.css you will see that the white background colour has been specified for IE as in
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Change the value to #CCC and it will have fixed that part of the problem.
When you upgrade to the later version of Spry, make sure to keep a copy of the CSS file as a reference to modifying the new CSS file.
Gramps -
Spry menu works in Firefox and Safari, but not Internet Explorer 6, 7, or 8
Our school website is doing a re design and in the adobebrowser test lab it looks great in all browsers except for IE 6, 7, & 8. Some of our faculty and staff are still running 7 or 8, so that's why I need to find a fix. For some reason it puts my last menu item underneath the first one which throws the whole thing off, but it's the exact way I want it on all other browsers. Using Dreamweaver CS5.
Here is the link
I would appreciate any help! ThanksSomething has gone awry here but afer that, I'm not sure what to advise:
</div>
</li>
<div class="latestnews"></div>
</li>
</ul>
<p class="readmore"><a href="calendar.html">Click here to view all of the latest events »</a></p>
</div>
First off, you aren't supposed to have a <div> nested in an <li>.
I also think that the whole unordered list there might be poorly formed.
Martin -
as long as I dont turn screen off everthing works just like it should for as long as I want UNTIL I turn the screen off then when I turn it back on it goes right back to white screen.
Hello agardner37701,
I found some steps you can take when your iPhone is not recognized by iTunes when in Recovery Mode. I recommend reviewing the steps in the section titled "If the device is not recognized while in Recovery Mode" under step 5 in the following article:
iOS: Device not recognized in iTunes for Windows
http://support.apple.com/kb/TS1538
Thank you for using Apple Support Communities.
Best,
Sheila M. -
I make flash games for a living, and normally when I set something to 'buttonMode' inside Flash, the cursor turns into the pointer when it rolls over the object. This is how it was in the previous version of FF and how it is in Safari and IE.
But this isn't happening in FF4. The cursor is not turning into the pointer. Kind of a bummer. This is a tool so that the kids who play the games I make know when something is clickable.It seems to be an issue, I just posted the same question. I hope they fix it, its a bit annoying. I wonder if they had ex-Microsoft employees working on the updates for 4.0?
-
If I am on a website and open a few different pages, and then decide to go back to an earlier page, or close that particular page, I get a message that says you are about to close 3 tabs or 4 tabs etc. If I only want to close the "current tab" I am on, I was able to do that with Internet Explorer. Is there any way this can be done on Firefox?
For more help, see the '''[[Tabbed browsing]]''' page.
-
iMac slowed down, PowerPoint and word wouldn't work, I tried to switch users then shut it down and now it is frozen with a white screen. Help please!
From the way you are describing it, it sounds like the HD has failed. Please look over Gray screen appears during startup for troubleshooting steps. You can also run Apple Hardware Test in Extended Mode, it may take 2-3 passes for any error codes to appear and each pass takes approximately 30-60 minutes. However either way you should plan on taking it into an Apple Store or AASP for service.
-
I just got a (lightly) used Mac Mini as a second computer (2010 model). Logged into Mac App Store with my Apple ID and tried to check for updates...received "An error has occurred - The request timed out" message. Was able to go to the main App Store page and download/install OS X Mountain Lion...then tried again and still got the time-out error. Any ideas of what is happening and how to get Software Update to work?
Apps already installed by the former owner of the Mini are associated with that persons Apple iD. You won't be able to update any of those apps using your Apple iD. Those apps will have to be purchased from your Apple ID only.
Apparently the previous owner had not upgraded to Mountain Lion as yet, or you would not have been able to download and install that OS X.
Maybe you are looking for
-
How to display the Overall result value at the top of work book
Hi, How can i display the value of Overall result(Sum of the Total) column at the top of the work book in Text field. Thanks Sreadhar
-
I have purchased iphone 4 varizone cdma from us by mistakenly so how do i use it in India?
I have by mistakenly purchased Iphone 4 on ebay.com from U.S Carrier (Verizone Wireless) which is cdma phone hence there is no sim card slot so how can i use this phone in India or what is the solution for me to use this phone on other gsm carrier. P
-
Resize During Transition - Flex Bug?
I'm using move and resize parrallel transitions. Everything works fine if the user doesn't change the size of the window while the transition is occuring. If the screen gets resized, it does not go all the way to the correct position and then jumps t
-
Photoshop CS3 10.0 - Adobe Updater Crashes
I have Photoshop CS3 V10.0. Every time I open my Adobe CS3 a "Problem Report for Adobe Updater" window opens, stating "Adobe Updater quit unexpectedly". It asks me to "Click reopen to open the application again" but doing this has no effect. I'm con
-
Neither the File New Tab or clicking the + sign on a new tab will let me open a new tab.
It works on my XP machine but not on my machine with Vista(64Bit).