Submenu for sensitive design

I am having trouble with my menu/NAV.  I can't get the submenu to display one under the other. If the two can fit across the width, they do. How to fix this?

Also, is there a way to get down the submenu a few px. When I try to ' top: 45px' so I can't click on one of the links because the drop down menu / sup disappears.

What I did:

< nav class = "nav Center" >

< ul >

< li = 'current' class > < a href = "#" > home < /a > < /li >

< li > < a href = "#" > on < /a >

< ul >

< li > < a href = "#" > events < /a > < /li >

< li > < a href = "#" > media < /a > < /li >

< li > < a href = "#" > policy of return < /a > < /li >

< /li > < /ul >

< li > < a href = "#" > < /a > Collections

< li > < a href = "#" > galleries < /a >

< ul >

< li > < a href = "#" > Kitchener < /a > < /li >

< li > < a href = "#" > Cambridge < /a > < /li >

< li > < a href = "#" > Guelph < /a > < /li >

< li > < a href = "#" > events < /a > < /li >

< /li > < /ul >

< li > < a href = "#" > gift cards < /a > < /li >

< li > < a href = "#" > Contact & locations < /a > < /li >

< /ul >

< / nav >

------------------

/ * nav * /.

. NAV {}

position: relative;

margin: 20px 0;

}

/ * Center nav * /.

. NAV.Center ul {}

text-align: center;

padding-top: 10px;

}

. NAV ul {}

margin: 0;

padding: 0;

}

.nav li {}

margin: 5px 0 10px 0;

padding: 0;

Display: inline-block;

list-style: none;

}

. NAV a {}

padding: 3px 12px;

text-decoration: none;

color: #fff;

line-height: 100%;

}

. NAV a: hover {}

color: #444;

}

.the .nav a {}

Color: #000;

border-radius: 5px;

}

/ * submenu * /.

.nav li ul {}

list-style-type: circle;

display: none;

position: absolute;

height: auto;

Width: 230px;

font-size: .85em;

line-height: 1.5em;

z index: 999;

}

.nav li: hover ul {}

Display: block;

background: rgb (102,102,102);

}

.nav li ul li {}

Clear: both;

border-style: none;

}

/ * end nav * /.

Thanks in advance.

Add a class to the menu drop down and apply a width of 100% as per

  • On

      class = "dropdown">

    • Events
    • In the media
    • Return policy
    • And the style

      . NAV dropdown li {}

      Width: 100%;

      }

      Tags: Dreamweaver

      Similar Questions

      • How to set the size of the screen for sensitive design mode?

        Previously, I was able to select one of several sizes of standard screen for sensitive design mode when you test a Web site, but can now only to select a size. Why and how can I change this?

        The drop to the bottom of the list in the display of delicate design is empty?

        You have a pref devtools.responsiveUI.presets the topic: config page?

        If this is the case, then try to reset this pref to get the built-in default presets.

        You can open the topic: config page via the address bar.
        You can accept the warning and click on "I'll be careful" to continue.

      • Any idea when will be released the up-to-date sensitive design with?  So excited &amp; NEED for projects!

        Love that Adobe Muse will come out with it, but when?  I have a lot of customers and potential customers, asking for sensitive design and it would be a huge advantage to have.

        Thank you!!

        The muse blog says, 'start 2016'. Stay tuned. We'll let you know as soon as we have details.

      • problem with the playback of the record to Captivate (sensitive design mode) 8 screen

        I use 8 Captivate sensitive design.  I did some screen recordings (in demonstration, training and assessment methods) and that whenever there is a short video clip (for example by dragging a bar window or a cursor on the screen), it plays fine in design mode, but then when I publish the entire project for the preview, the clips are suppressed.  It seems that these clips are integrated into my slides Fund and are in SWF format.

        I wonder if they do not play properly is because I publish to HTML5.  If so, how can I convert these small clips SWF to something else?  And if not, what else could be wrong?

        My solution is to replace these slides FMR (having a camera on the film) which sometimes cause issues when publishing to HTML5, cpvc slides, if I can't avoid them. Very often, you can avoid dragging the mouse: example is to click on the scroll somewhere bar instead of drag in the scroll bar, to use the hotkeys etc. When you can't escape a "video shift' stop recording, use the big slides, video demonstration or Insertion button, slide CPVC and you will get video demo mode, where you can record video (its editor-in-Chief is much more powerful than the limited functionality of FMR-edition). When you are finished with the cpvc-slide, you can continue capturing software with slides, software simulation (he is lacking in the Insert menu for some unknown reason). It's more work, I know, but will play in HTML5 (these slides are converted to MP4), its quality is much better than FMR and you have video editor if necessary.

      • Preview and publication of a sensitive design project

        I've created a convenient sensitive design project.  When I first introduced in preview the project opened in IE11 and showed the tabs for the different points of view and I could navigate between them.  When I tried again an hour later is just shown in the main display and wouldn't let me see the tabs to see other views.

        Then I tried to publish the sensitive project and when he published the folder does not contain a multiscreen.html or .html or .swf file that I had seen in a tutorial that I had taken.

        An idea about what might happen would be appreciated.  We cannot use the preview in Adobe Edge option inspect because we are not allowed to use a browser Chrome here.

        Thank you

        Susan

        For a responsive project, you will never have a SWF file, or a multiscreem.html.  The first you get when publishing to SWF format which is not possible for a responsive project, the second get you if the publication both SWF and HTML5, which is also impossible for a responsive project that takes in charge the only possible exit to HTML5.  The tutorial was perhaps not very accurate, or you missed it.

        You should get a record like this, and the course must be launched with the index.html file:

      • Impossible to import PowerPoint in the sensitive design template

        Hello

        I have a PowerPoint to be converted to a sensitive design project. I noticed that when I create a new project of delicate design, importation of PowerPoint is greyed out.

        Is this normal?

        Also if I create a Captivate project basis, is it possible to convert a sensitive project if a customer decides they need, without a complete rebuild?

        Thank you

        It is not possible to import Powerpoint slides into a sensitive to all project, makes sense to me but will not bore you with an explanation. The technique, the programming is so different. The planned themes are sensitive, PPT is not.

        Same negative answer your second question, for the same reason. You can use the assets of the PPT, but will need to create your own sensitive project.

        Lilybiri

      • By mistake I pushed a key combination who brought up the sensitive design mode. What is it?

        I pushed a key combination which has upped the reactive design mode by accident. What is sensitive design mode? I have no knowledge of web development software or anything more involved than the navigation programs. Just curious.

        Note that the ' tools > Web Developer "shows all the tools of web development with their keyboard shortcut.

        • Press the ALT key, or press F10 to display the Menu bar.
      • Serial number not working not not for CS5 Design Premium

        I downloaded the English version for CS5 Design Premium. The original product is (partially) in Finnish, which is no longer available. I suspect that this is perhaps why the series is not accepted, but I don't know where I could download the product of the Finnish language is. Downloads have InDesign in Finnish, for example, available for individual download, but my serial do not work on individual downloads no more.


        The platform I used when I purchased the CS5 design package is Mac os x, now I have Windows, which could be the sescond be reason why the serial number does not work. I was not able to find information on how to buy, for example, the change of os x for windows. Premium Design license was pretty expensive and I would use the program again.

        Two factors, the language and platform will have an impact or a serial number will work them.  In both cases, the resolution is not available through Adobe, because they provide no platform exchanges of older products - or they sell older products.

      • Adobe always free service Pack for LiveCycle Designer?

        I n seem to all the Service Packs for the Designer since ES2. Adobe always release updates to designer for bug fixes, etc. ? If Yes, where?

        Look at the bottom right of this page:

        Adobe - LiveCycle Developer Center | Adobe Developer Connection

      • Is there a plug-in for the LR6 for the design and printing of greeting cards

        Is there a plug-in for the LR6 for the design and printing of greeting cards

        Jim

        Plug-Ins? They may be out there!

        Ideally, Photoshop is the best answer.

        But if you can save the PNG files with transparency you can easily design your own designs 'simple '.

        Design any style 'Overlay' with transparency (Roses in my video screen), this applies to any print in the print as a graphical identity plate module.

      • I have a mac with el capitan on it.  This computer is not going to used for the design, but I need Acrobat 9 put on.  I have Acrobat 9 on a CD, I slipped the file in my application folder and double click on the Acrobat pro icon, nothing happe

        I have a mac with el capitan on it.  This computer is not going to used for the design, but I need Acrobat 9 put on.  I have Acrobat 9 on a CD, I did drag the file in my folder of the application and double-click the Acrobat pro icon, nothing happens, I'm stuck.

        You must install, copy... and 9 version does not work with El Capitan

        Install CS5 on Mac 10.11 https://forums.adobe.com/thread/2003455 can help (also for others than CS5)

        -also a TEMPORARY security change https://forums.adobe.com/thread/2039319

        -http://mac-how-to.wonderhowto.com/how-to/open-third-party-apps-from-unidentified-developer s-mac-os-x-0158095 /

        -the guardian https://support.apple.com/en-au/HT202491

      • Plans of work in PS CC can be also for print design? If not, is it possible to use photoshop with similar functionality?

        Plans of work in PS CC can be also for print design? If not, is it possible to use photoshop with similar functionality?

        As they don't understand the area of cropping and Bleedbox parameters so far that they are, in my opinion, useless in regards to printing.

        If you try to make prepress and correct page layout work in Photoshop, you can change to use the right tools for the task as Indesign.

      • I CS5.5 Master Collection and you want to transfer to a new laptop.  The CS5.5 was an update for CS3 Design standard and I have all the disks and serial numbers.  I just uninstall both programs a laptop and install them on the other?

        I CS5.5 Master Collection and you want to transfer to a new laptop.  The CS5.5 was an update for CS3 Design standard and I have all the disks and serial numbers.  I just uninstall both programs a laptop and install them on the other?

        You can do it, but you don't have to install cs3 in order to install your upgrade of cs5.5.

        You can launch the installation of cs5.5 and you will be asked your cs5.5 serial number.  Setup will ask you then select the product (in a drop-down list) calling.  Select cs3 and you will be prompted for the serial number for cs3.

        Enter the correct number at the right time and to proceed with the installation.

        If you no longer need these programs on your old laptop, disable (help > deactivate) before uninstalling so that you can keep your two activations.

      • How to anchor on other sensitive design objects?  (I once saw a video of adobe and can not find the link now)

        How to anchor on other sensitive design objects?  (I once saw a video of adobe and can not find the link now)

        Check the 'Smart Position' option in the advanced part of the Position properties. Drag the "anchors" that are normally found at the top and left side of the blade up to what they encounter the side of the object you want to anchor to (a blue line appears, you can release the mouse then):

      • Where did my design go?  I created 4 pages for web design and I was finishing up the home page, all the other 3 pages have simply disappeared, the layers are empty? I spent 4 days design that... How to make that back?

        Adobe Muse: Web design.

        Where did my design go?  I created 4 pages for Web design and I was finishing up the home page, all the other 3 pages have simply disappeared, the layers are empty? I spent 4 days design that... How to make that back?

        I restarted the laptop,

        creates a new document and quickly made 3 new pages... and yet once... These pages have disappeared?

        Please provide a quick solution for me because I have to present my work to the customer.

        Did you remove all traces of high level in the layers (i.e. "layer-1") Panel?

        When something like you describe is reported, most often the user does not understand the layers of high level exist across all pages and updates on the page of your site. If you delete "Layer 1" you may remove the content of all pages of your site.

      Maybe you are looking for

      • Download stored in icloud without him to remove them during the removal of the iphone

        Hi all. Is it possible for download and keep them in my library icloud, even if I delete them from my iphone. This becomes a problem when my phone is complete and im not even close to a storage device. If I had known that they were uploaded to icloud

      • Satellite 2100CDS will play not all sounds

        When I put a cd in it says no audio device found. I don't have a user manual and do not know what is the name of my sound card. If anyone can help. I checked the Device Manager it is said that all devices work

      • WiFi slow with Satellite A665-11z

        Hello, is there anyway to force the Wireless N mode or something as im not getting good speed but if I use a usb Wireless N dongle it works very well but that internal does not (very slow sound...) I guess the speed G) Any help would be good

      • Upgrade RAM Pavilion p6-2030

        Hello Forums, I think to upgrade my Ram on my current computer Pavilion P6-2030. I think with the purchase of the fury of Kingston HyperX 4 GB 1333 MHz DDr3 CL9 Dimm. (HX313C9FB/4). This will be compatible with the RAM that is already installed and i

      • Network Pro K8600 problems

        Hello We had a problem with the k8600. Theres no possible connection on the network. Indicates the configuration page: http://169.254.246.85 IP 169.254.246.85 .. Default gateway: 0.0.0.0 Configuration Suorce: Auto IP It is of course a random IP addre