Horizontal menu bar - increase the height and center the vertical treat position.

I am using SpryMenuBarHorizontal.css and want to increase the height of a horizontal menu bar 20 28px and have the menu names move to be centered vertically, rather than be aligned at the top.
Can anyone help me figure out how to do this?

In the following adjust the highlighted value to suit
ul.MenuBarHorizontal a {
    padding: 0.5em 0.75em;
Gramps

Similar Messages

  • Horizontal Menu Bar Spacing Bug?

    I created a horizontal menu bar. Chose Uniform Spacing from the blue fly-out menu.
    After adding a another couple of pages, the menu spacing failed to update—the menu now looked cramped in places.
    I had to go back to the Master Page and choose Uniform Size, and then Uniform Spacing in order for the menu to update correctly.
    Using Muse CC ver. 7.1.

    thanks, beth
    i'm the kind, probably such as your self, as well, that tends to blur a little in and out of reality !
    i too, leave things like js and php to those who like it, and concentrate on design - other than knowing enough to do things like changing the delay time in the js for the spry dropdown
    thanks for your invitation and i will do so as time permits
    as a small attempt at returning the favor, i was going to pose another problem to you when i found the solution, and so instead i will offer you the solution - you may well already have it, but just in case:
    i noticed (or rather the client noticed, but i've seen it before!) that a small dotted rectangle appears onclick on the spry links in firefox and ie, but not in safari
    the solution is to place onfocus="blur()" within - and at the end - of the a href tag like this:
    if you knew this, please ignore my attempt - if you didn't, well then . . .there ya go!
    perry
    Perry Yeldham
    www.21thirteen.com
    website design and development

  • Horizontal menu bar height and formating

    I'm trying to put a horizontal menu bar into a table cell
    that's 507px wide by 21px high. I've run into two issues.
    First, adding a Spry MenuBar to this cell causes it to grow
    by 1px in height and thus throwing off all of my graphics in other
    cells. Setting the height in ul.MenuBarHorizontal to 21px does not
    change this (20px, auto, inherit didn't change it either). I've
    tried smaller fonts. Any ideas on how to get this work?
    Second - if I don't set the height to a pixel value in
    ul.MenuBarHorizontal, my background image is only displayed behind
    the menu items. That leaves a good bit of white space. My
    background image is 1px wide by 21px high and is stretched to fill
    the full background. Setting a height will make the background
    image cover the complete cell. Is that a feature?
    thanks,
    Dan

    If I change the positioning element in ul.MenuBarHorizontal
    to absolute, my horizontal menubar fits within the cell and does
    not cause it to grow. Any other setting for positioning throws off
    the cell size and screws up my sliced graphics in other cells of
    the table. I don't understand why the menubar shifts in a fixed
    width/height cell. If it's set to static or fixed, the cell grows
    by 1px in height. If it is set to relative, it grows much
    larger.

  • *Help* Spry Horizontal Menu Bar wont show and cant seem to center it with rest of content

    Hey,
    I am a newbie to Dreamweaver and was wondering if someone can
    help me with the Spry Horizontal Menu Bar....
    http://www.djdanmatthews.net
    1) After moving mouse over diffrent areas of Spry menu bar
    the text seems to disapear or not show up?
    2) I can't seem to center content of Spry menu bar with rest
    of website?
    3) How do I ad a image (where also can I get it) to the Spry
    menu bar so it looks more professional &3d?
    Thanks so much,
    Dan

    *Bump

  • Horizontal menu bar shows serif type font in Live View and Preview but sans serif is in css file

    Help I am using the Spry horizontal menu bar and while it is working fine, it is showing a serif font in Live View and in all Browsers even though I have selected a sans serif font. What gives? I have attached the SpryMenuBarHorizontal.css

    Add this to your embedded styles:
    body {
        background-color: #999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    using, of course, the font list you want.
    All those styles that rely on the 'default' font will now default to the Trebuchet font list (or to your chosen list).
    Beth

  • How can I style the second nested submenu (third menu in) specifically in a horizontal menu bar?

    I want to be able to control the third level in a horizontal
    menu bar specifically (I.E. - two submenus in). Is there a way to
    do this?
    OR - Is there a way to have the first and second submenus be
    the same and the main level of the menu be different? For example,
    when I try to add a background image to the first level of the
    menu, the third level also gets that image, but the second does
    not. Also, when I change the text size in ul.MenuBarHorizontal ul
    to say 85%, the second menu goes to 85% less, and the third menu
    goes to another 85% less, even smaller.
    Ultimately what I want to accomplish is:
    1) The main menu to have a background image and size 14 font,
    no border.
    2) BOTH of the first and second level submenus to be exactly
    the same: font size - 12, with a border, and no background image.
    I have tried for hours upon hours to accomplish this but I
    can't seem to target both the first and second submenu specifically
    to be styled the same way and target the main level of the menu to
    be styled differently without affecting the submenus.
    Can anyone shed some light on this? There must be a way to
    target each level of the menu individually here.
    Thanks in advance to anyone that can help me out.

    Just use basic CSS to accomplish this.
    Make a new class that does what you need for the third menu.
    Then apply that class to the 3rd level menu items.
    You can use more complex selectors if you wish, but the class
    is the easy way to do it.

  • Spry horizontal menu bar and accordion panels not working when published

    Hi,
    I'm a newbie to Dreamweaver and have been asked to design an intranet site. On the site, I added both Spry widgets for a horizontal menu bar and an accordion panel. Both of these widgets work in preview, however, neither work when I publish. I uploaded the Spry asset folder (with all the CSS and JS files) to the remote server, but still no luck. What am I missing?
    Thanks.

    Despite of what you have staed, my bet is on the fact that the SpryAssets folder and/or the included files are not being found by your page..
    Open the site in FF, click on view Source and in the source code click the link to the JS file. If it can be found, it will show the content of the file and you will have the satisfaction of knowing that the page can find the file.
    If it does not show the content, you need to correct that.
    Good luck.
    Ben

  • My safari menu bar is missing --the menu bar for desktop, HD, and apps appears, but when I click on Safari, it disappears, so I can no longer see my buttons for History, etc.  I think my husband (pc user) clicked it away.  Any ideas how to retrieve it?

    My safari menu bar is missing.  The menu bar for desktop, HD, and apps appears, but when I click on Safari, it disappears, so I can no longer see my buttons for History, etc.  I think my husband (pc user) clicked it away when borrowing my computer.  Any ideas how to retrieve it?  Thanks. 

    I too was having the same problem However, I could access both the menu bar and the dock by hovering my mouse over them so it wasn't a huge problem but I prefered having it there anyway. I was not in full screen mode and I could still go into full screen mode if I wanted to.  I found the easiest solution was to just quit safai and restart it, but it might not work for you considering you couldn't access you menu bar either way.
    I found this article that allows you to hide/show the menu bar and the dock through TextEdit (didn't work for me) http://www.mactricksandtips.com/2009/07/hide-the-menubar-or-dock-in-specific-app s.html It is pretty old so it might not work for lion and a bit risky if you don't know what you're doing so I wouldn't really recommend doing it this way.
    And KSheppard, I know it's not really any of my buisness, but the way to get answers to a question isn't by insulting others and being quick-tempered. Even if you feel like you were insulted first, don't try snapping at people who aren't obligated to help you. Honestly, it just makes everything easier if everybody is cooperative and polite.

  • Horizontal Menu Bar extends off the screen

    I have the horizontal menu bar working great with a standard
    CF query results set. however, the problem i am having is that the
    right most menu item has two levels of children that expand right
    on rollover, but that pushed them off the browser so you can;t
    actually see them. is there a way to have them expand to the left
    instead?

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    Try to disable hardware acceleration.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    If disabling hardware acceleration works then check if there is an update available for your graphics display driver.

  • Increaseing the height and width of textfield and password fields

    Dear friends in apex 4.1 when we create a application it automatically creates a login page
    with username and password field in it
    So my question is can i increase the height and width of the username and password field in that login page
    If it is possible please help.
    and also i cannot find the html tag like <input type=text............>
    Where to find it?

    Hi,
    You can easily achieve this using css
    <style>
    input.myclass
      height:100px;
      width:100px;
    </style>
    <input type="test" class="myclass" size="10">So in APEX you have to edit the textfield > HTML Form Eelement Attributes > put class="myclass"
    Thanks

  • Hello i need help for adobe creative cloud...when i launch application adobe  cc 2014  for photoshop or illustrator.....the apps launch and i can see the workspace and menu bar  for a while and  suddenly this application close automatic

    hello i need help for adobe creative cloud...when i launch application adobe  cc 2014  for photoshop or illustrator.....the apps launch and i can see the workspace and menu bar  for a while and  suddenly this application close automatic

    Sign in, activation, or connection errors | CS5.5 and later
    Mylenium

  • Why to I have a blue haze on the photos and on the menu bars of apps?  I have Intel iMac running OSX 10.7.5

    Why to I have a blue haze on the photos and on the menu bars of apps.  I have Intel iMac running OSX 10.7.5.  This problem just started.  All my photos are corurpted with a blue haze.

    Here is another photo with the wierd blue circle in the sky taken with a DSLR.  This did not appear until recently and now I see it on all photos and also when I print the photo.

  • Trouleshooting the menu bar - I hit Alt and also tried Control-B but nothing happens. can you help?

    Troubleshooting the menu bar - I hit Alt and also tried Control-B but nothing happens. can you help?

    Figured it out...thanks

  • I "upgraded" to FF5 and now have no refresh or stop icons in the menu bar, nor are they available on the "personalize" menu. How do I get them back?

    Question
    I "upgraded" to FF5 and now have no refresh or stop icons in the menu bar, nor are they available on the "personalize" menu. How do I get them back?

    The idea is that the button on the end of the location gar is smart and changes between being a stop or a reload button. It is a stop button whilst loading and a reload button once loaded.
    The buttons can be dragged off the customise menu, or if they are already on the toolbar they may be re-positioned, they combine depending on the order they are in, separate them or move them so they swap places, instead of docking with the location bar.

  • Horizontal Menu Bar Sub Menus Go Across and Not Down

    How do I make the submenus for my horizontal menu drop down instead of going across the page in IE? It works fine in every other browser.

    On line 71 of SpryMenuBarHorizontal.css, add !important as in
    ul.MenuBarHorizontal ul li
        float: none !important;
        width: 8.2em;
        font-size: small;
    Gramps

Maybe you are looking for