I have a basic CSS menu, that has submenus. I am wanting to add a drop shadow to the drop down boxes, using jQuery. I have found a nifty jQuery plugin that does shadows: [URL] the drop down shadow displays whether or not the submenu is showing/visible. The menu structure is rather simple with UL and LI:
I'm ok with the basics of html and css, but and fairly new to it, so have been stumped by this latest problem. I built a site [URL] about a year ago, and am fairly sure that it worked perfectly in all browsers at the time. However, I've just checked it and have noticed that the last option on the navigation bar at the top ('noticeboard') seems to have disappeared in IE. It's still displaying perfectly in Firefox and Chrome however.
The html for that section is: <div style="top: 0px; left: 0px" id="header"> <div style="text-align: center; top: 34px; right: 75px" id="menu"> <ul id="navigation"> <li class="active"><a href="index.htm"><span>HOME</span></a></li> <li><a href="callington_LFC_fixtures.htm"><span>FIXTURES</span></a></li> <li><a href="callington_LFC_reports.htm"><span>REPORTS</span></a></li> <li><a href="callington_LFC_photos.htm"><span>PHOTOS</span></a></li> <li><a href="callington_LFC_players.htm"><span>PLAYERS</span></a></li> <li><a href="callington_LFC_contact.htm"><span>CONTACT</span></a></li> <li><a href="callington_LFC_noticeboard.htm"><span>NOTICE BOARD</span></a></li> </ul></div></div>
If you visit the site in different browsers you'll see what I mean. This time it's working fine in IE, but not in Firefox or Chrome (I feel like tearing my hair out!). The problem is with the very bottom section on the page. The alignment is all out. The html reads: <div><img alt="" src="images/right_bottom.png" /></div></div><br clear="all" /> <center><img style="width: 552px" alt="" vspace="3" width="552" src="images/hr.gif" /></center></div></div> <div id="footer"><a href="callington_LFC_contact.htm">Contact</a>|<a href="index.htm">Home</a>| <a href="callington_LFC_links.htm">Links</a>|<a href="callington_LFC_map.htm">Map</a>|<a href="callington_LFC_sitemap.htm">Sitemap</a> </div></div> <div id="bottom"><br /> .....
I am using the Superfish Module and have been able to successfully install and use it. The problem I am having is that the sub menus are being drawn behind the banner / header area and therefore you are not able to see them or click on them.
Please let me know whether to change the index.php or .css file to see
the drop down menus properly. Following are details you might need [code]...
I know that there's the box-shadow, -moz-box-shadow, and -webkit-box-shadow properties available, and to use them in jQuery they'd be BoxShadow, MozBoxShadow, and WebKitBoxShadow, but anytime I animate them I lose my initial CSS box shadow settings. More importantly I haven't found a way to manipulate some of the box shadow properties without modifying them all. In other words, I'd also like to animate just the x-offset without having to specify the entire box shadow string every time.
I assumed that this might be related to animating the border-radius CSS property and read a thread on stackoverflow about how to animate that, but it doesn't seem to extend as readily to the box shadow as I had hoped.
I'm developing a website utilizing Jquery Drop Shadow and thickbox and other things. I just implemented the thickbox and thought that maybe the slow response was my system (I've had photoshop, 12+ browser windows up, etc). I realize that may not be the case and I suspect jquery's drop shadow is a hog. I don't want to go through the entire code and implement a different shadow method at this point. Instead I'm wondering if anyone can verify this issue
[URL]... Click on the "Film Reel" and it may be especially slow to load. If you suspect it is my use of the Jquery Drop Shadow, can you recommend ways I could optimize it? One idea I have is to toggle it off and on when thickbox is opened and closed. However I don't know how to do that yet.
I'm trying to build a background in two parts. The header bg is in the body and the lower part is a div with a gradient background color generated by CSS3 or IE filters. I had problems with getting the gradient to stretch all the way to the side in IE7 with plain CSS so I had to start looking for more watertight solutions.
I'm trying to slowly blur text but I'm running into a problem where color: transparent text is applied before text-shadow. I need it to apply at the same time. If it isn't apparent by the example, I'm using text-shadow to blur the text out to be unreadable, I'm not trying to add a simple text shadow. I need this to a slow animation. I realize you can select the text and continue reading, but I'm not trying to block access to the text, I just need the blur effect.
i'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
I am implementing auto re-order drop down values in asp.net. My requirement is something: I have five drop down and each has populated using 1 to 5 values. when I changevalue from dropdown, other drop down values(numberordering)should change automatically.
I created a drop down menu for my search bar on my website using JQuery / hover intent..The drop down is activated by the user hovering over a button, and inside there are twocombo boxesand acheck box.If the user tries to choose an option in the combo box, thedrop downdisappears..Chrome, Safari, Opera and FireFox are working fine, but IE7 + 8 have this problemI have uploaded an image of the drop down with the combo box, it is a print screen of itworkingin Chrome--> The second image is where the bug happens in IE
I have been searching for a long time but have been unsuccessful on how to develop a drop down menu but have the menu items show in a list above the main nav. Not below. I really like the way this functions:[URL].. But I would like the item in the list to appear above the main nav so it animates up not down. Can anyone help me on how to alter this js code to perform this task?
Here is the jQuery file link:[URl].. I tried going through this js file but it very complex. Can anyone tell me what I need to change to have the animation roll up instead of down?