Responsive Drop Down Menu Issues

I'm having a few issues with my responsive drop down menu. I'm trying to make one row with 2 separate menus that show up next to each other. The left side is general a menu and the right side is social media links. I have them functioning with 2 major issues. First, I can't seem to get my background (black) go across the entire page. It stops between the 2 menus. Second, When I shrink down to a phone size browser and replace the menu with a drop down menu, my images (I'm using images instead of text so that I can use a specific font) expand to fit the space. I want them all to show up as the proper size and want the drop down menu to be right next to the social media links. Here's a link to the page so you can see what I am talking about. My HTML and CSS are below. Thanks.
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>J.Rad</title>
<link type="text/css" rel="stylesheet" href="main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header><img src="Background-Images/Sick-Fantasy-Banner.png" alt="Banner Image"></header>
<div id="menus">
<nav id="nav" role="navigation">
    <a href="#nav" title="Show navigation"><img src="Background-Images/Menu.png" alt="Menu"></a>
    <a href="#" title="Hide navigation"><img src="Background-Images/Menu.png" alt="Menu"></a>
    <ul>
        <li><a href="/"><img src="Background-Images/News.png" alt="News"></a></li>
        <li><a href="/"><img src="Background-Images/Bio.png" alt="Bio"></a></li>
        <li><a href="/"><img src="Background-Images/Tour.png" alt="Tour"></a></li>
        <li><a href="/"><img src="Background-Images/Store.png" alt="Store"></a></li>
        <li>
            <a href="/" aria-haspopup="true"><img src="Background-Images/Media.png" alt="Media"></a>
            <ul>
                <li><a href="/"><img src="Background-Images/Music.png" alt="Music"></a></li>
                <li><a href="/"><img src="Background-Images/Photos.png" alt="Photos"></a></li>
                <li><a href="/"><img src="Background-Images/Videos.png" alt="Videos"></a></li>
            </ul>
        </li>
        <li><a href="/"><img src="Background-Images/Contact.png" alt="Contact"></a></li>
    </ul>
</nav>
<nav id="social" role="navigation">
    <ul>
        <li><a href="/"><img src="Background-Images/Instagram.png" alt="Instagram"></a></li>
        <li><a href="/"><img src="Background-Images/YouTube.png" alt="YouTube"></a></li>
        <li><a href="/"><img src="Background-Images/Twitter.png" alt="Twitter"></a></li>
        <li><a href="/"><img src="Background-Images/Facebook.png" alt="Facebook"></a></li>
    </ul>
</nav>
</div>
<div class="clearfix"></div>
<div id="container">
<section id="left-column">
This is the left column session for main content
</section>
<aside id="right-column">
<div class="widget_iframe" style="display:inline-block;width:100%;height:185px;margin:0;padding:0;border:0;"><iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_420387?widget_id=54&posted_ by=artist_420387&pwc[design]=customized&pwc[background_color]=%23000000&pwc[size]=fit" width="100%" height="100%" frameborder="0" scrolling="no"></iframe><div class="footer_branding" style="margin-top:-5px;font-size:10px;font-family:Arial;"></div></div><br />
<div class="widget_iframe" style="display:inline-block;width:100%;height:185px;margin:0;padding:0;border:0;"><iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_420387?widget_id=53&posted_ by=artist_420387&pwc[design]=customized&pwc[background_color]=%23000000&pwc[size]=fit" width="100%" height="100%" frameborder="0" scrolling="no"></iframe><div class="footer_branding" style="margin-top:-5px;font-size:10px;font-family:Arial;"></div></div>
</aside>
</div>
<footer>
</footer>
</body>
</html>
CSS
@charset "UTF-8";
/* CSS Document */
    margin: 0;
    padding: 0;
body {
height:100%;
background-attachment: fixed;
background-image: url(Background-Images/Sick-Fantasy-Background.png);
background-position: center top;
background-size:cover;
header {
overflow:auto;
background-size:cover;
background-image: url(Background-Images/Rust-and-Foamy-Blood-Texture.png);
background-position: center;
header img {
    display: block;
    margin: auto;
img {
max-width:100%;
div {
width:100%;
background-color:#000000;
background-size:cover;
#nav
width: 70%; /* 1000 */
position: absolute;
background-color:#000000;
background-size:cover;
#nav > a
display: none;
#nav li
position: relative;
#nav li a
display: block;
#nav li a:active
background-color: #996600 !important;
#nav span:after
display: inline-block;
position: relative;
/* first level */
#nav > ul
background-color: #000000;
margin-left:25px;
#nav > ul > li
float: left;
list-style:none;
#nav > ul > li > a
height: 100%;
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
background-color: #996600;
/* second level */
#nav li ul
background-color: #e15a1f;
display: none;
position: absolute;
#nav li:hover ul
display: block;
#nav li:not( :first-child ):hover ul
left: -1px;
#nav li ul a
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
background-color: #996600;
#social
float:right;
background-color:#000000;
background-size:cover;
#social > a
display: none;
#social li
position: relative;
#social li a
display: block;
#social li a:active
background-color: #996600 !important;
#social span:after
display: inline-block;
position: relative;
/* first level */
#social > ul
background-color: #000000;
margin-right:25px;
#social > ul > li
float: right;
list-style:none;
#social > ul > li > a
height: 100%;
#social > ul > li:hover > a,
#social > ul:not( :hover ) > li.active > a
background-color: #996600;
.clearfix {
    clear:both;
    display:block;
#container {
max-width:960px;
width:960px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
#left-column {
width:590px;
float:left;
background:#0000FF;
padding:5px;
margin:auto;
#right-column {
width:350px;
float:left;
padding:5px;
margin:auto;
.clearfix {
    clear:both;
    display:block;
footer {
background-color: #000;
background-size:cover;
@media screen and (max-width:959px) {
#body {
     width:100%;
#header {
     width:100%;
#container {
width:100%;
#left-column {
width:60%;
#right-column {
width:30%;
img {
width:100%;
@media screen and (max-width:640px) {
#nav
        width:50%;
position: relative;
        #nav > a
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
            display: block;
    /* first level */
    #nav > ul
        display: none;
        position: absolute;
        #nav:target > ul
            display: block;
        #nav > ul > li
float: none;
list-style:none;
    /* second level */
    #nav li ul
        position: static;
#left-column {
width:100%;
margin:0;
padding:0;
#right-column {
width:100%;
margin:0;
padding:0;
@media screen and (max-width:300px) {
#header {
     width:100%;
background-size:cover;
#container {
width:100%;

#nav {
     /* 1000 */
    width: 100%;
    position: absolute;
    background-color: #000;
    background-size:cover;

Similar Messages

Spry Drop Down menu issue in IE

I created a menu bar with Spry and it works fine in Firefox
but playing up in IE. The drop down menu starts displaying from the
top of the page and not where the menu bar is. I have never come
across this issue with Spry and cannot figure out whats wrong. the
page is www.cerdomustile.com.au/new if you want to have a look. the
Spry code is:
@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: 11px;
cursor: default;
width: 500px;
background-color: #000000;
font-weight: normal;
font-family: "Trebuchet MS";
height: 18px;
/* 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: 11px;
position: relative;
text-align: left;
cursor: default;
width: 100px;
float: left;
background-color: #000000;
font-weight: normal;
font-family: "Trebuchet MS";
height: 18px;
/* 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:100px;
position: absolute;
left: -1000em;
height: 18px;
/* 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;
height: 18px;
position:absolute
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 100px;
/* 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: #000000;
padding: 0.5em 0.75em;
color: #FFFFFF;
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: #000000;
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: #000000;
color: #625647;
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-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-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-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-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;
}

No one has any ideas? Someone had mentioned to me that it was
some hybrid code that would have to be inserted to make IE read
differently that Safari, Firefox. Not sure how to go about finding
the code I'd need, though.
Thanks in advance,
Burt

3 drop down menu issues

I have two issues here. www.newstribune.com. I know some of
this may be css issues, but I am aweful with css and could use a
cheat sheet for the css that dreamweaver makes for these drop down
menus, so I know what controls what...
ok..
IE 6.0 will scroll out the drop down menu options but will
not allow the click... any ideas?
IE 7.0 renders the drop down menu's properly, but my front
page (and front page only) in firefox, the drop downs are off set.
I have no idea why...
Please not that the drop downs were made into an include and
are rendered on all the pages. (It is a process so, you may find
some pages that don't have the new drop downs if you poke around a
lot.)
lastly, if anyone knows what code I should strip out of the
drop down menu include in order to not cause the errors but still
allow it to be opened in Dreamweaver, can you please let me know?
If that is not possible, what should I remove? The entire code is
below.
_________

hello, thanks for reporting. hopefully it will help other affected users finding a solution too...

Drop down menu issue

Anyone help me out on this issue. I have a drop down menu
that let's you select an option in it and then loads the other
page. Except it is now not working.
What I want to do is put it over an image and so I tried to
do the draw layer option and I put the drop down the layer but it
will not work.
It does work if I put it on the bottom of the page below the
image, but I need it to lay over the top of the jpeg image. How do
I do this?
I am using Dreamweaver MX Version 6
Please someone help.
Thanks

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
PVII article:
http://www.projectseven.com/support/answers.asp?id=127
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
==================
"Tun Tun bags of fun" <[email protected]>
wrote in message
news:g6nc7c$2ll$[email protected]..
> I've created a drop down menu and part of it overlaps a
flash movie. Where
> it
> overlaps the flash movie interferes with the menu.
> How can I stop this from happening.
> Thanks
> Chris
>
>
http://www.grisdalelesniakswann.com/education.htm
>

Drop down menu issues - "you are here" indicator disappears, and other concerns

Hi! Any assistance would be greatly appreciated. Link to one of my pages (all of which are still work in progress): Organize
I've been working to make a drop down menu in DW CC for days and have a lot of problems that still need resolution:
1) I want the pages to clearly indicate "you are here" but can't get the color change or text pop-up to stay put on the secondary pages, nor does the background color work properly. It used to but somewhere along the line I managed to screw it up.
2) The inline list is backwards! The order of the top-level nav, as is listed in the code, should be: Organize - Preserve - Disseminate - About Me.
3) The top level navigation links aren't working. I think this has to do with my nesting structure between my local files and remote server, as I had a problem with that for another recent assignment.
Thanks in advance!

HTML code for list menu:
<nav>
    <ul>
        <li><a href="#">Menu Item1 ▼</a><ul>
                <li><a href="#">Sub_menu1a</a></li>
                <li><a href="#">Sub_menu1b</a></li>
            </ul>
        </li>
        <li><a href="#">Menu Item2 ▼</a><ul>
                <li><a href="#">Sub_menu2a</a></li>
                <li><a href="#">Sub_menu2b</a></li>
                <li><a href="#">Sub_menu2c</a></li>
                <li><a href="#">Sub_menu2d</a></li>
            </ul>
        </li>
        <li><a href="#">Menu Item3</a></li>
    </ul>
</nav>

Drop Down Menu Issues

Whenever I boot up my computer it works perfectly. However, after a little while, perhaps after I reactivate the screen after I've been gone for fifteen minutes, the dropdown menus and safari starts to malfunction.
What happens is the drop down menu will open, but as I drag the mouse over particular options, the options don't highlight. Also, whenever I drag the mouse over a link on a webpage, the icon does not change from an arrow to a pointing finger.
Does anyone know why this happens and/or how it can be fixed? It is rather annoying, but I'm concerned it might be symptoms of a bigger problem.
I have bootcamp and parallels installed on my computer. It is an intel based iMac.
Thanks.

hello, I'm hoping to bump this thread if possible...
I posted a few days ago on creating a submenu that shows on
mouse hover. Well, I tweaked it to show onrelease and it works fine
when I'm in the MC and enabling simple buttons but once on the main
timeline the submenu won't show.
right now, I have a MC on one layer in the main timeline.
Within that MC (wherein I converted the MC to a button), I have
four frames: a named frame (nosubmenu); a stop; some action code
stating onrelease gotoandstop submenu_up, and the last frame is the
submenu_up named frame showing the submenu. It works when I'm in
the MC and enabling simple buttons but once I'm on the main
timeline and testing movie it does not.
Please help!

Drop down menu issue in IE6

Hello,
http://www.dianetimewell.co.uk/tester/index.htm
I have an issue with my drop down menus in Internet Explorer 6.
If you select the 'Clinic' tab for some reason the drop down goes to the far left. I can't see anything that may be obstructing it from dropping down normally like the others.
It works in all other browsers.
Any ideas out there??
Many thanks,
Damien

Only error I get is that you wrote HTML in your CSS document which causes the document to not validate. As far as menus goes, IE6 does not support a lot of JQuery and if you still have a significant number of users with IE6 visiting your site, you may want to rethink the layout or use the IE6 conditional statements to load a different menu altogether for IE6 users.
IE Conditional Comments Info - http://www.quirksmode.org/css/condcom.html

Drop Down Menu - Response Time

I am experiencing a slow response time with the drop down menus in FCP 7.0.3.
I experienced this with my old Mac Pro Intel (1st Gen.) but now I have a new 8-core Mac Pro (1 month old) and have the same delay.
I click in the window I need to activate then I click on a drop down menu and it seems like it may take up to 5 seconds for the menu to open. Changing tools with the keyboard or tool bar is no problem.
Any idea how can I solve this?
Thanks!
Tony

Are you running any other programs at the same time? Do you have any OS "enhancements" installed?
Try disconnecting from the interenet by either unplugging ethernet or turning the airport off.
Try deleting fcp preferences
https://discussions.apple.com/docs/DOC-2491
and here are some more troubleshooting tips
https://discussions.apple.com/docs/DOC-2591

Im working on pcr, issue is data is not popping up in drop down menu

Issue : I select a value from the drop down menu(working fine), below this, I have another drop down, in badi, this code is written in function module of method 'SCENARIO_PROCESS_USER_COMMAND', since it should trigger after the first d.d menu(user cmd).
While I'm Debugging I could see, the select query in the event 'SCENARIO_PROCESS_USER_COMMAND' is fetching the records and appending 'additional_data' itab.
I guess there is problem in front end, ie in tx. 'sfp' .
What is the javascript/formcalc code I need to add here for my 2nd drop down menu.
Thanks in advance

Hi gurus,
does any body have idea on this , im not getting where (back/front end) problem is ...
Issue : I select a value from the drop down menu(working fine), below this, I have another drop down, in badi, this code is written in function module of method 'SCENARIO_PROCESS_USER_COMMAND', since it should trigger after the first d.d menu(user cmd).
While I'm Debugging I could see, the select query in the event 'SCENARIO_PROCESS_USER_COMMAND' is fetching the records and appending 'additional_data' itab.
I guess there is problem in front end, ie in tx. 'sfp' .
What is the javascript/formcalc code I need to add here for my 2nd drop down menu.

Drop-down menu in Dreamweaver; template on top of template issue

Hello.
I've managed to create a drop-down menu in a dreamweaver
template by saving the .dwt file as an .html file, building the
menu, then resaving the file as the original .dwt. However, I have
another template that is based on this original template, and while
the drop-down menu appears when I preview the second template in my
browser, it refuses to apply to the pages upon which the second
template is based.
Is there a solution to this?

You are completely hosed now.
When you save a template as HTML, you leave the Template
markup in the page.
When you then resave it as a template you duplicate that
markup. You will
never be able to use this properly now. And that is
especially true with
the AWFUL DW pop-up menus in it. You just must not use these
menus with
templates. Especially since there are much better ways that
don't have any
such restrictions -
Check the uberlink and McFly tutorials at PVII
http://www.projectseven.com/)
and the Navbar tutorial at Thierry's place (
http://www.tjkdesign.com)
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"xpanda" <[email protected]> wrote in
message
news:e9q2gf$oq4$[email protected]..
> Hello.
>
> I've managed to create a drop-down menu in a dreamweaver
template by
> saving
> the .dwt file as an .html file, building the menu, then
resaving the file
> as
> the original .dwt. However, I have another template that
is based on this
> original template, and while the drop-down menu appears
when I preview the
> second template in my browser, it refuses to apply to
the pages upon which
> the
> second template is based.
>
> Is there a solution to this?
>

How to make animated drop down menu responsive?

Hi
I've made an animated drop down menu in Edge Animate. It works fine at 945px wide with drop downs coming from 4 of the links. When the window is resized to 700px I want to reduce the 8 top links down to 4 and have longer drop downs and the same again at 400px wide. How do I do this as Edge has no media queries. do I use symbols?
Thanks.

Hi garyt88,
Found something that could help although I have to admit that I have not tried it myself.
Adobe Edge HTML5 Interactive Drop-Down Menu Tutorial - YouTube
Thanks,
Preran

Cant see drop down menu in Report server manager even after starting the explorer with admin previlege - Windows Server 2012

Hi,
I am not able to see drop down menu in report manger, have loaded the internet explorer as administrator still it doesn't pop-up drop down menu in Windows Server 2012 platform and SQL Server 2012, can someone please help me out here, whether any settings
need to be made?
Thanks,
Harish

Hi Omar,
Thanks for the response, after getting some online help was able to fix the issue, I am using SSRS 2012, below link helped me to resolve the issue in IE 10.0 version
http://answers.microsoft.com/en-us/ie/forum/ie10-windows_8/set-desktop-ie10-to-always-use-compatibility-view/f09597f0-9c3b-437f-9d33-18b5e1ba078d
Thanks,
Harish

Contacts drop-down menu blocked by on screen keyboard in text messages

Whenever I draft a new text message I put the cursor in the contact box and type the first letter of the name of the person I am trying to contact. If I have more than 3 people in my phone whose names start with that letter, the drop down menu becomes partially obscured by the on screen keyboard. If I attempt to scroll down on the menu, it selects whomever I happen to press. My attempts to minimize the keyboard have been futile. I understand I can work around this by going into contacts and selecting someone to text, but the problem is pretty aggravating. Please help!

Want to contract me? You can follow me on Twitter @RobGambino
Be sure to click Like! for those who have helped you.
Click Accept as Solution for posts that have solved your issue(s)!

It won't let me share my movie. Nothing happens when I click "share" or even in the drop down menu. I don't get options. HELP! I need this video by tonight!

I have worked with iMoive a ton and have never had an issue. I consider myself pretty computer savvy. This new iMovie is not my friend. It will not let me share my new video. I click on the project and click "share" like it says but I don't receive any further prompt. It literally does nothing. I tried the drop down menu and I see the "share" with an arrow indicating there are options but no drop down menu appears. I need this video by tonight to submit for work. HELP!

I got it to share! No reloading iMovie!
I do not have Mackeeper on my laptop
I have the movie files on an external hard drive
1. Close out iMovie
2. Eject the external hard drive
3. Start up iMovie
4. Plug in the external hard drive
5. Go into finder and double click on the folder containing the movie
6. Select the movie as if to edit
7. Share it!
I hope this works for you too

Thanks to the super-users, and questions on backgrounds and drop-down menu

Hi all.
I've spent a fair amount of time perusing the archives, so I don't have to bother you all with the basic questions. Great thanks to Wyodor, Old Toad, Ethmoid and Cyclosaurus for their excellent and oft-repeated tutorials.
With your help, I've figured out how to set up a personal domain name, modify my background image, and create a drop-down menu. (These were major accomplishments for a neophyte like me.) My primitive template can be seen here:
http://www.monroekarate.org/dojo/Template.html
And I am pretty happy with it. I have one problem, and one minor element that I'd like to fix.
The drop-down menu was created following the excellent tutorial from the iWebfaq but I notice that although it looks perfect there is one malfunction. If you hover and try to select an element where there is no underlying content, it works fine. When you try to select a list item with underlying content, however, the drop-down disappears. Any idea why that happens or how I can fix it? I suppose I could just add a space buffer, but that is an inelegant solution.
On a more trivial note, the background was actually supposed to be composed of two images. The top row was supposed to be a horizontal set of tiles (slightly darker in color) and the rest of the background was tiled in a second image, giving a gradient effect. I used the script Wyodor described here with repeat set to yes which gave me single-image tiling. Looks OK, but if I could get both sets of tiles used it would add substantial richness to the visual effect. Ideas?
Thanks again for all your help to date, and thanks in advance for considering this issue!
Cheers,
Liam

I appreciate your reply but those arrows were not the ones I was trying to describe. In the same box where you would type your web address on the far right is a small star and then next to it an arrow pointing down. If you click on this arrow, it normally drops down a list of the websites you commonly use. Or, if you are on a website ordering something, there might be a similar arrow that you need to select in order to choose which shipping you might want such as ground, next day air, etc., these are the kinds of arrows that are not working correctly now. Any ideas on these? Thanks for trying to help me.

Responsive Drop Down Menu Issues

Similar Messages

Maybe you are looking for