Is it possible to change the height of Spry Menu Bar items?

I'm new to websites and have been trying to understand the CSS of the Spry menu bar. I've managed to put a horizontal menu bar in place and with the help of some previous discussions in this forum, have changed the colours of the menu items and have even managed to centre the text - Thanks!
However, I really would like to have a smaller menu bar - height wise.
I've tried reducing the default height of the menu bar items by adding a height and by reducing the font size and padding. The results have been varied.  In Firefox and in Dreamweaver's 'live view' there is still a thin line showing underneath my horizontal menu which is the background colour of the div my menu sits in.  In IE there is a similar 'chunk missing' from the bottom of the items.
Is this something that can be done?  I've seen lots of help on how to change the width of the items, but have not found any which suggest that the height can be changed.
Gill

Sure. You just need to be thorough. Keep in mind that in a Spry Menu Bar you are making the link-text in the list-items block elements, so you will want to change the line-height of the a element. Pick style selectors in the css stylesheet that end in a, with or without an additional class (a.classhere), and play with the line-height.
Another attribute you can consider is the difference in height between Cap and lower case and All caps. You can usually get away with a smaller line-height and a smaller font-size with all caps, because there are no descenders on the text to require more line-height. Keep in mind also that when you state a line-height, your text will center vertically in the line-height, as far as I know, so you might even get away without top and bottom padding.
Beth

Similar Messages

  • Is it possible to change the time format of a CalendarActivity item

    Does any know a way of changing the calendar to use the 24 hour time instead of AM / PM? I would ideally want it displayed this way as all entries are in 24 hour time.
    I can find examples and have had success extending the DateCustomizer class but it seems to me only the headings can be changed using the skinning tags.
    The tag would be "af|calendar::month-time-activity" but I see it is never passed into the public String format(Date date, String key, Locale locale, TimeZone tz) as the key.
    Using jdev 11gR2 at present but a fairly implementation independant question.

    You can't change the canvas at runtime. But you can put the scrollbar on a stacked canvas and then show or hide that stacked canvas on different canvases.

  • In Yosemite, How do I change the background color of menu bar, dock and sidebar?

    Right now my background for the Menu Bar, Dock, etc is RED.  I'd like to change it to something more subtle.
    Anyone know how?
    Does it relate to the desktop picture I have?  or ???

    You can change the background display color in the playback preferences, either black, white, or checkerboard. This does not change the output color. If you want to add a color to the video, you have to place a custom generator underneath your video and change the color in the inspector.

  • Possible to change Order of Icons in Menu Bar?

    Hey I was wondering if there is any way I can rearrange the icons in the menu bar such as battery status, bluetooth, ichat, spaces, volume and time. I found you can kind of change them by disabling the presence of the icon in system preferences then re-enabling it, it you can change the order a little bit. Is there an easier way to do this? I have the sound icon in between my battery status and time and would like to move it to the left.
    Thanks in advance!

    hold down the Apple key and drag them where you want along the menu bar

  • Getting the Height of Android Status Bar

    Hello,
    is it possible to get the Height of Android Status Bar ?
    thanks

    Hi Shongrunden,
    The above solution will not work when testing on the desktop as Capabilities.screenResolutionY returns the actual screen resolution of the host machine and not that of the emulated device.
    I too would really appreciate a method to obtain the devices status bar height (i.e Capabilities.statusBarHeight) for calulating component width and height upfront.
    Regards,
    Scott.

  • Is there any way to disable the mouse-over function of the Spry Menu Bar (CS5)? Click-open preferred

    Hello,
    I'm using the standard CS5 Spry Menu Bar (Horizontal) in Dreamweaver. I have it set up exactly the way I want with CSS. However, I've very little experience with Javascript, consequently I'd like to ask anyone here for some help in modifying this aspect of the Spry Menu Bar. I'd like it to 'click-open' and not open when the mouse is over it. I've tried to change the delay variables in the code to something that has a longer duration in milliseconds; unfortunately, this tends to cause some bugs such as the menu re-opening once the mouse is no longer near it and other such bugs.
    The ideal solution for me would be to have it open when it's clicked on once. The reason I need this is because the menu appears over some buttons - there's no way around this for me, it's the layout I absolutely must have. Although the buttons don't overlap with the menu, they are very close and it is annoying when your hand slips a little and the menu pops up over it all.
    I'd appreciate any help at all, thank you.
    PS:- The Javascript containing the delay variables I tried to modify.
    Spry.Widget.MenuBar.prototype.init = function(element, opts)
        this.element = this.getElement(element);
        // represents the current (sub)menu we are operating on
        this.currMenu = null;
        this.showDelay = 250;
        this.hideDelay = 600;
        if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
            // bail on older unsupported browsers
            return;
        // Fix IE6 CSS images flicker
        if (Spry.is.ie && Spry.is.version < 7){
            try {
                document.execCommand("BackgroundImageCache", false, true);
            } catch(err) {}

    Hello,
    Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
    http://forums.adobe.com/message/139937#139937
    Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
    Thank you again, you've helped me a great deal.
    Best wishes,
    foreverdusty.

  • How to change the height of the advanced paragraph window in WPC?

    Hello,
    I would like to have a bigger window when I work with the advanced paragraph in WPC in order to see better the content.
    It´s ok if I see at the beginning the default size. However, I need the posibility to maximize the height of the window to a predefinded maximum height.
    It´s maybe possible to give an extra property for like MaxHeight="500" in the xml-File?
    <element id="paragraph_advanced" description="xml.xlbl.paragraph_advanced" type="htmleditadvanced" Maxheight="500" default="false" />
    Does anybody have experience with it.
    Thanks in advance.
    Thomas

    Hi Thomas...
    Did you have success changing the paragraph height?
    I'm with the same problem.
    I had another idea to solve it. If I couldn't change the height, i'll create my own web form (based on article form), only with paragraph field.
    I've tested this option and worked. But I prefer to use the standard web form.
    Tks

  • Is it possible to vary the height of a row depending on content - I am using a System.Windows.Forms.DataGrid

    I have traced all calls through Visual Studio code map to the critical methods used for painting the rows of data - but can not override anything because they are not public classes but internal classes (datagridrelationshiprow )or internal abstract classes
    ( DataGridRow ( windows.system.forms )  )
    If I could override methods in these classes - I feel I could then change code to change the height from the defult based on the content.

    I have traced all calls through Visual Studio code map to the critical methods used for painting the rows of data - but can not override anything because they are not public classes but internal classes (datagridrelationshiprow )or internal abstract
    classes ( DataGridRow ( windows.system.forms )  )
    If I could override methods in these classes - I feel I could then change code to change the height from the defult based on the content.
    Hello,
    Yes that is a good idea and it is possible, you could refer to the following thread.
    http://www.codeproject.com/Articles/5521/Advanced-DataGrid-sizing
    It is using c#, but we could convert it to vb.net, that document has shared the detailed methods which we need to deal with to resize the row.
    In addition, since there is a control DataGridView which has more features such as rows property and autosizemode which allows us set row's height, if possible you could consider using that control instead.
    Happy new year!
    Carl
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Is it possible to change the number of weeks to be displayed in the month view in calendar (mavericks)?

    I'd like to know if it's possible to change the number of weeks to be displayed in the month view in calendar? Thanks!

    No.
    There are up to six calendar weeks that might be used to display the 31 possible days in a month.
    So the month view displays six weeks.

  • Is it possible to change the ALV report layout settings in spool request

    Hi All,
    Please let me know is it possible to change the ALV layout settings in background as we can change the layout settings in foreground to get correct format when download to excel.
    Regards,
    Jyothi CH.

    Hello,
    Add a parameter for layout on selection-screen (p_varmm LIKE disvariant-variant).
    As you are in backgroud mode, ALV will be printed with this layout (assuming you call correctly the MF ALV_LIST or REUSE_ALV_GRID)
    Regards,
    Christophe

  • Does anyone know if it is possible to change the display in week view to show 24 hours per day for those of us that work irregular hours

    Does anyone know if it is possible to change the display in week view to show all 24 hours per day for those of us that work irregular hours.
    Also is it possible to have all of the 'all day' entries showing, not just 3.5 of them.
    The app Week Cal HD was the perfect calendar until Apple removed it so could they please offer the same facilities that it offered.

    Does anyone know if it is possible to change the display in week view to show all 24 hours per day for those of us that work irregular hours.
    Also is it possible to have all of the 'all day' entries showing, not just 3.5 of them.
    The app Week Cal HD was the perfect calendar until Apple removed it so could they please offer the same facilities that it offered.

  • Recently, I discovered I have two iCloud accounts. Is it possible to change the Apple ID from one account to match the second account, without losing the information on each account?

    Recently, I discovered I have two iCloud accounts. Is it possible to change the Apple ID for one of the accounts to match the other account, without losing the information from either account.
    thanks

    Welcome to the Apple Community.
    It's a little tricky to move data from one iCloud account to another but it can be done. But what makes you think you have 2 iCloud accounts.

  • How can I manually change the height of the "Type ...

    Hi all
    Just got automatically installed the latest 6.22 version of skype few minutes ago and I got a few questions. 
    First and foremost, how can I MANUALLY change the height of the textbox, where I type the messages. I would like to make it larger, like in the previous versions of skype. I don't want to move my mouse cursor through the entire monitor to reach this tiny textbox.
    And second, why you guys are trying constanly to ruin something that is working perfectly ? Going to revert to the previous version until you fix all these nuisances.
    Regards

    There is no way to do this, it is designed to be strictly landscape with keyboard, portrait without - not the best thought-out phone on the market, mainly geared towards compulsive texters and e-mailers.
    There's no way to know whetherNokia will change this with any future updates, perhaps you should make the recommendation to them directly using the 'contact us' link.

  • Is it possible to change the video card of a pavilion g7-1075dx?

    So, I have an HP Pavilion g7-1075dx Notebook with Windows 7. I'm an avid gamer and wish to play the newest games. However, there's one problem thats keeping me from doing so. Alot of the newer games require newer video/graphics cards. This particular laptop has an ATI Mobility Radeon HD 4250. The newest games seem to require ATI Radeon HD 4850 and above. This is the only thing thats keeping me from playing games like Starcraft II on the highest settings OR in the case of Star Wars: The Old Republic, it almost keeps me from playing the game, period, due to the graphics being too much for my current card to handle, causing massive lag. I was hoping I could change the video card. Upgrade. However, i've heard that with most laptops or notebooks you can't upgrade anything other than the RAM. I'm hoping anyone on here can help me out and tell me if it is possible to get a new video card for my laptop. We don't have a desktop computer so this laptop is my only hope for a long time to play newer PC games.

    Alright, let me put this in a simpler message: Does anyone know if it is possible to change the video card currently in my laptop, the HP Pavilion g7-1075dx, for a newer and better one. ATI Mobility Radeon HD 4250 to ATI Radeon HD 4850 or higher.

  • Is it possible to change the colour of box in script from black to blue

    Hi,
    Is it possible to change the colour of box in script from black to blue  or some other colour and background colour also...if so how....
    Thanks.

    No..
    It is not possible in scripts..
    In scripts u cannot use colors..
    In smartforms u can do that..
    reward if it helps u..
    sai ramesh

Maybe you are looking for

  • Ipod will not update and will not sync with photos

    I had a 5th gen 60gb ipod video that died and was switched out for a new one at the apple store. now when i plug it into my powerbook G4(667) it keep coming up with a window stating (can not update , error code -208) I've taken my ipod to apple store

  • Not printing with Windows 7 & LaserJet P1006

    Installed Windows 7 and my P1006 stopped working.  Just downloaded the Windows 7 driver and get the same results.  When I print the job queues then completes but no action from the printer.  I tried both the full function and host based drivers and g

  • Red X

    i'm trying to built a wrestling website with the most profiles possible.  I download some of their pictures and i've out them on my site, each on two different pages.  My images were on the desk in front of me an dit was working fine.  But, I've deci

  • Third party apps with Apple notes?

    Are there any third party apps that can sync with Apple Notes?

  • How to use application logger ?

    Hi, I have created a JSPDynPage application that I've deploy ion my portal (EP6 SP13) I want to use logger to manage it. For this, I've read many documentation but I can not find 2 documentations which are saying the same thing... Actually: /* I crea