DW6 css dropdown menu help

eager to create a drop down list using css.  I created this using < ul > and < li > tags, but for some reason he looks right. My html code seems to be OK and I double checked the css and can't seem to find what I did wrong. I chose the tags in a tag to hide, the text is hidden, but the boxes are still displayed.  can someone help a rookie and see what I've done wrong?

URL is vacationcribs.com

THX. \

@bits Mt,

Please start a new discussion with CSS shadow in your subject line.

Nancy O.

Tags: Dreamweaver

Similar Questions

  • My message to process is behind my CSS dropdown menu (issue 25)

    Hi all

    Is anyone using the CSS menu drop down with the list of APEX that Scott Wesley gives a tutorial on how to go?  According to the guidelines of this blog: base Oracle: CSS menu using APEX list drop-down

    His departure from here: ultimate Horizontal Drop-Down Menu Demo | Free CSS Menu drop-down framework

    Im running APEX 4.2.4... Ive just crossed to March and updated the application to issue 25. Ive also successfully installed the CSS drop according to the tutorial from Scott... Everything works great and I got to rebuild the application to use with theme 25...

    However, Ive suddenly found that when I get a message error or process jump towards the top of the page as a result of insert/update, or a validation error. , the drop down menu is always on... (i.e. the message box and the content behind the menu..)

    Ive tried to change the regions to my menu list, without success. I guess only he the some CSS is not quite right.

    Ill download a trial on the site, but is anyone using this and hit the same error...?

    For the CSS for the reference excluding images model is:

    <div id="navwrap">
    <ul id="nav" class="dropdown dropdown-horizontal" style="margin-bottom:10px;">

    <style>

    ul {

      list-style-type: none;

    }

    #navwrap {

      float:left;

      width:100%;

      margin-bottom:4px;

      background:#f6f6f6;

      border-style:solid;

      border-color:#d9d9d9 #d9d9d9 #d9d9d9;

      border-width:1px 1px 1px 0;

    }

    </style>

    Thank you very much

    Richard

    Richard Legge wrote:

    Thanks Scott... Now on to the next challenge... Speed up the load Enkitec Navbar, as the unformated menu is located at the corner for a while sometimes... I saw that you can move the files to support for the file system, but I am running with EPG, so I don't think that I can refer to external files...

    What is important is not that the style sheet is stored in the file system, but it is referenced in the page head element (as required by the HTML specification) is available when the browser starts to build the DOM model. You can use an external style sheet located in the APEX or XMLDB repository rather than the file system and refer to this in the page CSS file URL property or the templates or put the rules in the CSS Inline property page template.

    Enkitec vertical list Navbar appears momentarily

    FAC586. Point taken. As always, his maximum weight the chances of the generation of the example on apex.oracle.com vs whether an easy answer...

    I been using CSS for more than 15 years and find that when you use the theme 25 and other new APEX themes here are a few easy answers. Stir in 3 party components and multiple devices and user agents and the possibility of a simple answer is remote. People with the answers do not always have a half hour is detached to reproduce a problem, but can spend 5 or 10 minutes watching an existing example. When it's your problem probably is to you to put the bulk of the effort in fixing it?

  • CSS Dropdown Menu of centering

    Hey guys,.

    I have a little problem.

    I would like to focus my CSS Menu that is placed in a DIV tag so that it is centered below my picture in the header.

    http://jsfiddle.net/UxwQ5/ - here is a jfiddle to take a look.

    If someone could help it would be much appreciated.

    Thank you

    Luke

    CSS in a quick glance:

    {of NAV

    position: relative;

    Width: 1000;  / * Set the width if necessary * /.

    margin: 0 auto;

    padding: 0;

    text-align: center;

    z-index: 1000;

    height: 50;

    }

    NAV ul {}

    margin: 0;

    padding: 0

    }

    nav li {}

    list-style: none;

    do-size: 12px;

    float: left;

    text-align: center;

    do-family: Arial, Helvetica, without serif.

    }

    / * menu of top-level * /.

    nav li a {}

    display: block;

    text-decoration: none;

    right margin: 2px;   / * space between links * /.

    Width: 120px;   / * Adjust according to your needs or use auto * /.

    padding: 8px 15px;

    make-weight: bold;

    line-height: 4;

    color: #506F1A;

    border: 1px solid #FFF;

    Background: #FFF;

    text-align: center;

    }

    / * top menu style on mouse over * /.

    Li: hover NAV > a {}

    background-color: #444;

    color: #fff;

    }

    / * submenu * /.

    nav li ul {}

    display: none;

    text-align: center;

    margin: 0;

    Padding: 1em 0;

    Background: #444;

    Police-weight: normal;

    make-style: oblique;

    }

    / * submenu, help for the older IE * /.

    ul li: hover NAV, nav li.hover ul {}

    display: block;

    position: absolute;

    padding: 0;

    }

    nav li: hover li,

    nav li.hover li {float: none ;}}

    / * drop-down style * /.

    Li li: hover NAV, nav li.hover li a {}

    Width: 10em;  / * Adjust the width according to the needs or use auto * /.

    margin-top: 0;

    line-height: 1.25em;

    Police-weight: normal;

    border: none;

    }

    / * menu style drop down on mouse over * /.

    nav li li a: hover {}

    background: 444;

    color: #fff;

    }

    .nav nav {}

    text-align: center;

    }

    #navigation {of nav

    text-align: center;

    }


    Try adding display: inline-block to your nav ul rule:

    NAV ul {}

    Display: inline-block;

    margin: 0;

    padding: 0

    }

  • CSS Dropdown menu, problems of positioning in IE7

    I created a drop down list using CSS to style links. It appears correctly in Firefox, but level sup links are positioned to the right of the parent link rather than directly below when seen in IE7. For example when I hover over 'News', the drop-down menu the auto position to the right of the 'News' link

    Website: http://sbfl.tmp50.haisoft.net/

    CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css

    Thanks for your help.
    Sean

    "seanish" wrote in message
    News:gmv23j$ML1$1@forums. Macromedia.com...
    > I created a drop down list using CSS to style links. He
    > is
    > display well in Firefox, but level sup links are positioned to
    > the
    > law of the mother rather the link directly below seen in IE7.
    > For
    > example when I hover over 'News', the fall down positioned its self to the
    > right
    > the 'News' link
    >
    > Web site: http://sbfl.tmp50.haisoft.net/
    >
    > CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css
    >
    > Thanks for your help.

    Try this:

    #mainlevel ul {clear: left ;}}

    --
    Thierry | Adobe Community Expert. Articles and tutorials:
    http://www.TJKDesign.com/go/?0

    Widgets Spry | http://labs.Adobe.com/technologies/Spry/samples/ [click on]
    'Widgets']
    Samples of the Spry menu bar |
    http://labs.Adobe.com/technologies/Spry/samples/menubar/MenuBarSample.html
    --

  • CSS DropDown Menu style

    Hello!

    I am trying to create a pull down menu in Dreamweaver. I have watched several tutorials and read many practical guides and my html code looks fine, but the style of editing is really throw me off. I'm a newbie to Dreamweaver, so I'm not sure properties that I need to do this right.  The code below, when I put the cursor on the first button of the menu drop-down goes behind the other two buttons.  I need the dropmenu turns off to the side buttons and down.  If this isn't the case, I can align the buttons to go horizontal, while they are not covered. I hope that makes sense.

    Thank you in advance!

    M

    HTML

    < div class= "dropdown" id= "drop" style = "" text-align: left; ">"

    < ul >

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

    < ul >

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

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

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

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

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

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

    < /ul >

    < /li >

    < /ul >

    < ul >

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

    < ul >

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

    < /ul >

    < /li >

    < /ul >

    < ul >

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

    < ul >

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

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

    < /ul >

    < /li >

    < /ul >

    < / div >

    STYLE

    #dropdown {
    margin: 0;
    Width: 150px;
    Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

    }

    #dropdown ul {
    margin: 0;
    padding: 0;
    line-height: 30px;

    }

    Li #dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;

    }

    #dropdown ul li a {
    text-align: center;
    height: 30px;
    Width: 150px;
    display: block;
    Color: #000;
    text-decoration: none;
    border: 1px solid #000;
    text-shadow: 1px 1px 1px #000;
    background: #CCC;

    }
    #dropdown ul ul {
    position: absolute;
    visibility: hidden;
    top: 32px;
    Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;
    }

    #dropdown ul li: hover ul {
    visibility: visible;
    position: absolute;
    }

    #dropdown li: hover {
    background: #7D92C6;
    float: left;
    }

    #dropdown ul li: hover ul li a: hover {
    Color: #000;
    background: #7D92C6;
    }


    #dropdown a: hover {
    Color: #000;
    background: #7D92C6;
    }

    .clearFloat {
    Clear: both;
    margin: 0;
    padding: 0;
    }

    I prefer to use HTML5 and the

  • Receptive Drop Down Menu Help Needed

    I'm working on a reagent drop-down list of an example that I found online.  I don't know much about css or html, but I don't have much the way I want, but need a little help to reach my goal of end of market.

    The code below is what I have so far.  Colored and flat background is replaced by gradient background images, but for now I'm just using colors to show what I'm trying to achieve.

    I have two questions, that I can't understand.

    1. How can I get a bottom border on my submenus without the borders of the middle (do not know how to describe the) which are made by the top border?  If I apply a border of 1px solid black border environment become 2px.
    2. Full screen, I want the bottom nav to be blue so that it matches the background of the menu bar when the screen becomes smaller.  However, when I try to apply the color blue, then all submenu items get on the blue background of the smaller size of the screen and I want only the menu bar above to be blue on smaller screens.  Also, is there a way to apply the Burger to the Menu bar on smaller screens?


    Hope that makes sense and thanks for any help!

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge, chrome = 1" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    < title > reagent Dropdown Menu < /title >

    < style >

    {body

    background:;

    do-size: 22px;

    line-height: 32px;

    color: #ffffff;

    margin: 0;

    padding: 0;

    dressing: break-Word! important;

    do-family: Arial, without serif.

    }

    .toggletop, [id ^ = fall] {}

    display: none;

    }

    . Toggle, [id ^ = fall] {}

    display: none;

    }

    {of NAV

    margin: 0;

    padding: 0;

    background-color: #000;

    }

    NAV: after {}

    content: "";

    Display: table;

    Clear: both;

    }

    NAV ul {}

    float: left;

    padding: 0;

    margin: 0;

    list-style: none;

    position: relative;

    }

    NAV ul li {}

    margin: 0px;

    display: inline-block;

    float: left;

    background-color:;

    }

    NAV a {}

    display: block;

    padding: 0px 25px;

    color: #fff;

    do-size: 12px;

    line-height: 30px;

    text-decoration: none;

    background-color:;

    }

    NAV ul li ul li: hover {}

    background: Red;

    background-image:;

    }

    NAV a: hover {}

    background-color: red;

    background-image:;

    }

    Li: hover NAV > a, #nav li a.active {}

    background-color: red;

    background-image:;

    }

    NAV ul ul {}

    display: none;

    position: absolute;

    top: 30px;

    }

    Li: hover nav ul > ul {}

    display: inherit;

    }

    NAV ul ul li {}

    Width: 170px;

    float: none;

    display: list item;

    position: relative;

    background-color: #555;

    border-right: 1px solid black;

    border-left: 1px solid black;

    border-bottom: 0px solid black;

    border-top: 1px solid black;

    }

    NAV ul ul ul li {}

    position: relative;

    top:-30px;

    left: 170px;

    background-color: #555;

    }

    li > a: after {}

    content: "+";

    }

    li > a: only the child: after {}

    content: ";

    }

    / * Media Queries

    --------------------------------------------- */

    @media all and (max-width: 860px) {}

    #logo {}

    display: block;

    padding: 0;

    Width: 100%;

    text-align: center;

    float: none;

    }

    . Toggle + a.

    .menu {}

    display: none;

    }

    {.toggletop}

    display: block;

    background-image:;

    background-color: blue;

    padding: 0px 25px;

    color: #FFF;

    do-size: 12px;

    line-height: 30px;

    text-decoration: none;

    border: none;

    }

    . Toggle {}

    display: block;

    background-color: #000;

    padding: 0px 25px;

    color: #FFF;

    do-size: 12px;

    line-height: 30px;

    text-decoration: none;

    border: none;

    }

    {.toggle:hover}

    background-color: red;

    background-image:;

    }

    [id ^ = fall]: checked + ul {}

    display: block;

    }

    NAV ul li {}

    display: block;

    Width: 100%;

    }

    NAV ul ul .toggle,

    NAV ul ul a {}

    padding: 40px 0;

    }

    NAV ul ul ul a {}

    padding: 0 80px;

    }

    NAV a: hover,

    NAV ul ul ul a {}

    background-color: #555;

    }

    Li: hover NAV > a, #nav li a.active {}

    background-color: red;

    background-image:;

    }

    NAV ul li ul li .toggle,

    NAV ul ul a {}

    background-color: #555;

    }

    NAV ul ul {}

    float: none;

    position: static;

    color: #ffffff;

    }

    NAV ul li: hover ul > ul.

    Li: hover nav ul > ul {}

    display: none;

    }

    NAV ul ul li {}

    display: block;

    Width: 100%;

    }

    NAV ul ul ul li {}

    position: static;

    }

    @media all and (max-width: 330px) {}

    NAV ul li {}

    display: block;

    Width: 94%;

    }

    < / style >

    < / head >

    < body >

    < nav >

    < label = 'drop' class = "toggletop" > Menu < / label >

    < input type = "checkbox" id = 'drop' / >

    < ul class = "menu" >

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

    < li >

    <!-first place->

    < label = "drop-1" class = "toggle" > Services + < / label >

    < a href = "#" > Services < /a >

    < input type = "checkbox" id = "drop-1" / >

    < ul >

    < li > < a href = "#" > 1 Service < /a > < /li >

    < li > < a href = "#" > Service 2 < /a > < /li >

    < li > < a href = "#" > Service 3 < /a > < /li >

    < /ul >

    < /li >

    < li >

    <!-first place->

    < label = "drop-2" class = "toggle" > Products + < / label >

    < a href = "#" > < /a > Products

    < input type = "checkbox" id = "drop-2" / >

    < ul >

    < li > < a href = "#" > product 1 < /a > < /li >

    < li > < a href = "#" > product 2 < /a > < /li >

    < li >

    <!--deuxieme pane dropdown - >

    < label = 'drop-3' class = 'toggle' > more products + < / label >

    < a href = "#" > more products < /a >

    < input type = "checkbox" id = "drop-3" / >

    < ul >

    < li > < a href = "#" > more products 1 < /a > < /li >

    < li > < a href = "#" > more products 2 < /a > < /li >

    < li > < a href = "#" > more products 3 < /a > < /li >

    < /ul >

    < /li >

    < /ul >

    < /li >

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

    < li > < a href = "#" > < /a > < /li > Customer Service

    < li > < a href = "#" > contact us < /a > < /li >

    < li > < a href = "#" > about us < /a > < /li >

    < /ul >

    < / nav >

    < / body >

    < / html >

    Last child has worked.  I'm getting closer.

    Thank you!

  • Hi I use PH CS6 on an IMac, I try to print a picture when I clicked on what kind of paper I wanted to use from the dropdown menu and the photos the two disappeard. W when I tried to print the same photo I get this. There was an error poening your printer.

    Hi I use PH CS6 on an IMac, I try to print a picture when I clicked on what kind of paper I wanted to use from the dropdown menu and the photos the two disappeard. W when I tried to print the same photo I get this. There was an error poening your printer. print functions will be unavailable until you have selected a printer and reopened all documents. If I open the picture in preview oe my IPad it will print. So, how to choose a printer in PH CS6? Thanks John

    Jakee, salvation

    Please follow the steps below to reset the photoshop preferences.

    > Hold down Option + command + shift (Mac OS) when you start Photoshop. You are prompted to delete the current settings. New preferences files are created the next time you start Photoshop.

    Note: Using the hotkey, preference files for custom shortcuts, workspaces, and color settings will also reset to the default.

    If you are still facing the same issue, please uninstall and reinstall the printer drivers and check for the issue.

    Also, please mention what operating system are you using?

    Let me know if it helps.

    ~ UL

  • Dropdown Menu problem Dynamics

    Hi all

    Hope someone can help me with this little problem. I am filling a form of dynamic dropdown menu using data from my database. Store values in a single column of my database... However, there are duplicated in some records and no name in other names and I want that my drop-down menu to display only one option at a time... then...

    Rather than view this:

    option01
    option01
    option02
    option03
    option03

    I just like it to appear:
    option01
    option02
    option03

    My SQL to query the database is:

    SELECT *.
    OF databasetable
    WHERE databasefield IS NOT NULL
    ORDER BY databasefield ASC

    But what I need is something like:
    SELECT *.
    OF databasetable
    WHERE databasefield IS NOT NULL and does not multiple records with the same value
    ORDER BY databasefield ASC

    Problem is that I don't know the code to achieve and does not multiple records with the same value

    Any help much appreciated.
    Steve

    Dave

    Thank you very much... I've knew the SEPARATE command but could not work out where in the code is to be placed. As always a simple answer when you know how, but it takes someone competent and friendly enough to help others.

    Dave, your help is much appreciated.
    Steve

  • I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

    I want to create a 2 cells in demand for numbers, the 1st cell is a dropdown menu with items of text, when choosing an item, that it would be represented by a numeric value in the other cell. How can I do?

    You can use vlookup() like this:

    (1) crate a table like this:

    the first line is a heading row

    the first column contains the same list of items in the context menu

    the second column contains the corresponding values

    name of the table 'value '.

    In another table (where the pop-up menu), you can use the table of choice of 'Value' like this:

    create a drop-down list in cell B1

    Select cell C1 and type (or copy and paste) the formula:

    = VLOOKUP (B1, Value::A:B, 2, 0)

    short hand for this is:

    C1 = VLOOKUP (B1, Value::A:B, 2, 0)

    now change the pop-up to display the value in the change of cell C1

  • I had the literoom last Sunday. but did not the program. When I start this program. "Please disconnect in the menu help reconnect you, and then click license of this software.

    I had the literoom last Sunday. but did not the program. When I start this program. "Please disconnect in the menu help reconnect you, and then click this software license" How can I do?

    Hello

    I see that you bought the subscription of photography and it seems it is stuck in the sign in a loop.

    Please try out the following links

    Solutions to connection errors, activation and connection with creative Cloud applications and Creative Suite

    Solve the common activation Adobe Creative Cloud (login) and questions (disconnect) disabling or error messages

    Troubleshooting of Activation creative cloud (solved 99% of the questions)

  • Using the desktop Version of LR6.3. How to upgrade to Version 6.4 o. Under the Menu Help/updates no updates available

    Initially, I bought LR6.0 as desktop version. 3 months ago, that I could make the updating to 6.3 LR. But now under Menu Help/updates there are no updates to indicated LR6.4. How can I upgrade to LR6.4?

    I use a MAC, OSX 10.11.3.

    Thank you for the helpful answers.

    I suggest you please uninstall Lightroom completely from your computer.

    First of all install Lightroom 6.0 on the computer, and then install 6.4 Lightroom as the update.

  • No option to menu help/disable

    I have the first elements 13 and I want to disable 1 license to put on another computer.  There is no option of help on or off.  Please advise on how to do it.

    LR

    In the elements 13/13.1 first, you disable the program by going to Menu/Sign Out help a project open. Which disables the program. The same goes for the first items 12/12.1 and 14/14.1.

    First 11 items using the Menu help/disable.

    Only in the footnote on the case: disable is not identical to uninstall.

    For any question or need for clarification on this, feel free to ask.

    Thank you.

    RTA

  • Trying to activate 6 Lightroom on a machine to activate it on another.  Not to be activated in the menu help - certainly not the way to do when I connect.  I'm really bored with trying to stick with adobe products...

    Now I have to type it again!

    Trying to activate 6 Lightroom on a machine to activate it on another.  Not to be activated in the menu help - certainly not the way to do when I connect.  I'm really bored with trying to stick with adobe products...

    Oh the adobe, what happened to you?...

    Click Help > "logout".

  • Cannot display this page in the menu help Lightroom CC

    When we click on "Lightroom Help" or "Library Module Help" in the menu help Lightroom CC I get a "this page cannot be displayed," this is a new feature in Lightroom prive5 ok

    The link in the Help menu did not work since the 1st day of the liberation. I'm surprised that adobe wasn't yet set.

  • How to turn off my copy of photoshop don't see 12.I disable menu helps, any mode.

    How to turn off my copy of photoshop don't see 12.I disable menu helps, any mode. I tried in expert mode in the editor and disable is not there.
    I have

    In ESP 12 and 13, Sign Out is disable.

Maybe you are looking for