How to eliminate extra white when hovering over with a back ground color?

I just finished my menu and I notice that the hovering color is not hiding all the white.  Does someone know how to eliminate extra white when hovering over with a back ground color?
http://www.tammyfarringtoncreative.com/test/index.html
Thanks!

You have heights on the ul, li as 36px and a line-height of the text of 35px so they are not matching up.  Personally speaking I would normally recommend using padding on the links to create the height and not set the height on the ul or li elements.

Similar Messages

  • How do I highlight apps when hovered over?

    There is a Terminal command line that will do this, but I can't remember what it is.
    What I want to do, is when I hover over an app, in the apps folder on the Dock, I want it to highlight that that app my mouse cursor is over. I used to have this enabled, but I had to reinstall everything from scratch, including OS X Lion.
    Can somebody please ploint me in the correct direction.

    I don't know the terminal command but you can have Tinkertool issue it for you.  Download from this site:
    http://www.bresink.com/osx/0TinkerTool/download.php5
    and check the option and relaunch the dock:
    Regards,
    Captfred

  • How can i disable turning the text from black to red when hovering over with a mouse in some forums?

    In some forums posts turn to red when the mouse is in the forum post box. That didn't happen in previous versions of Firefox. It also happens in Opera if that is helpful. Thank you for the help.

    You're welcome
    If those pages are publicly accessible without the need to log in and authenticate then you can post a link and I will see if I can come up with some code for [https://addons.mozilla.org/firefox/addon/stylish/ Stylish] or [http://kb.mozillazine.org/userContent.css userContent.css]

  • How do I stop text from changing colour when hovering over it?

    Hello, I have downloaded a template for Dream Weaver CS6 (Which is the version i am usig). When you hover over one of the boxes the top text changes colour to black instead of staying white... does any one know how i can make it so the text stays the same colour. I will post a print screen of it.
    Before clicking:
    View image: 1
    When hovering over it:
    http://postimg.org/image/wdsii9mab/
    I will post the code of the index page aswell: <!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta ch - Pastebin.com
    Any help is appreciated. Thanks.

    Your unwanted pink hover color comes from style.css line 181 here
    .btn_{
        background: none repeat scroll 0 0 #cf3046;    border: medium none;
        border-radius: 3px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        color: #ffffff;
        font-family: "Open Sans",sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 15px;
        margin-top: 20px;
        padding: 7px 13px 8px;
        text-decoration: none;
        text-shadow: none;
        text-transform: uppercase;

  • I use QVC online a lot. When hovering over a catagory headings at the top of the page, a drop down menu shows a list of subcategories. Is this feature available in Firefox 4 & 5? If so, how do I turn it on?

    I use QVC online a lot. When hovering over a category heading in IE9 a drop down menu appears with detailed subheadings for that category. Is this feature available in Firefox versions 4 and 5? Is this something that can be turned on in Firefox 4 & 5? If so, how do I turn this feature on?

    Hey Dave,
    How did you get on with this?
    Have you tried CSS position:fixed?  I have been playign around with it on my own project  (and in fact are just about to post a related question)  and can confirm that it works with a plain old DIV.
    SVG I can't be sure though..
    Certainly give it a try.
    Cheers

  • How to disable/control the dock icon sizes when hovering over them?

    Hello.
    How do I disable/control the dock icon sizes when hovering over them? They are too big when enlarged with my mouse cursor.
    Thank you in advance.

    BDAqua wrote:
    Hi,
    Apple icon at the top left of the screen>Dock>Dock Preferences>Size & Magnification.
    Thank you!

  • How do I change the color of the highlight when hovering over answers in the quiz?

    Hi
    I am trying to change the color of the highlight when hovering over answers in the quiz.  My companies standard font color is grey and so is the highlight when i hover answers.
    Is it possible to change this?
    Thanks
    Charlene

    No, it is (still) not possible to change that hover color, not even in CP8.0.1. I recommend to enter a feature request: Adobe - Feature Request/Bug Report Form

  • Graphics that appear when hovering over menu buttons

    Hello,
    I use to create menus in DVDSP 1 that would allow me to associate a picture with menu text.
    I would like to do that now, and have the picture show up when the button is either hovered over or selected. This would be in addition to the text changing colors when hovered over.
    Thanks.

    Just to take Aldershot's suggestion a tad further...
    You can do this in several ways - firstly, you can use a Photoshop layer based menu, but there are good reasons not to do that. However, if you need full colour and have a complex design this might be your only choice.
    Secondly, you can use an overlay menu and mask off areas of the background with the overlay shapes. Setting the opacity to 0% for the selected and activated states will reveal what is under the overlay shape - you can have the graphic set into the background and achieve what you want.
    Finally, you need to remember that the overlay pictures can only hold four colours so to reveal an image by setting it in to the overlay is not going to be very good overall.
    There is more about this here:
    http://www.editorsbin.com/apple/dvdsp/tutorials/mask_overlay/index.html

  • Line Height shrinks when hovering over linked image

    Last line of text (above footer) has a small blue LinkedIn Icon as an image link.
    20px line height shrinks when hovering over image.
    Any workarounds will be much appreciated.
    http://www.workandpartners.com/alan.php

    I just get this (not a clue what it means)
    traceroute to 64.74.37.37 (64.74.37.37), 64 hops max, 52 byte packets
    1  * * *
    2  10.14.96.1 (10.14.96.1)  12.189 ms  9.780 ms  8.065 ms
    3  basl-core-2a-xe-132-0.network.virginmedia.net (80.1.81.217)  11.406 ms  13.427 ms  11.909 ms
    4  brnt-bb-1a-ae10-0.network.virginmedia.net (81.96.0.145)  16.379 ms  13.749 ms  17.821 ms
    5  brnt-bb-2a-ae2-0.network.virginmedia.net (62.254.42.97)  13.586 ms  13.458 ms  11.934 ms
    6  * * *
    7  * * *
    8  teln-ic-1-ae0-0.network.virginmedia.net (212.43.163.250)  29.232 ms  21.650 ms  21.999 ms
    9  m282-mp2.cvx3-a.ltn.dial.ntli.net (213.104.85.26)  19.471 ms  19.868 ms  19.467 ms
    10  be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109)  19.360 ms
        be2317.mpd22.lon13.atlas.cogentco.com (154.54.73.177)  19.888 ms
        be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109)  19.905 ms
    11  be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185)  90.699 ms
        be2348.ccr22.jfk02.atlas.cogentco.com (154.54.30.169)  91.068 ms
        be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185)  90.180 ms
    12  be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106)  93.616 ms
        be2096.ccr22.jfk02.atlas.cogentco.com (154.54.30.41)  93.825 ms
        be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106)  92.053 ms
    13  154.24.22.38 (154.24.22.38)  92.912 ms  93.622 ms
        be2356.rcr22.jfk01.atlas.cogentco.com (154.54.43.98)  93.354 ms
    14  38.88.187.18 (38.88.187.18)  110.792 ms  110.920 ms
        te0-0-1-0.nr11.b001355-4.jfk01.atlas.cogentco.com (154.24.1.30)  95.400 ms
    15  core1.te2-1-bbnet1.nyj001.pnap.net (216.52.95.11)  99.544 ms  97.433 ms
        core1-te2-1-bbnet2.nyj001.pnap.net (216.52.95.75)  100.225 ms
    16  border8-po1-bbnet1.nym007.pnap.net (216.52.95.45)  99.988 ms
        border8-po2-bbnet2.nym007.pnap.net (216.52.95.108)  113.684 ms
        border8-po1-bbnet1.nym007.pnap.net (216.52.95.45)  104.885 ms
    17  another9-9.border8.nym007.pnap.net (74.201.132.10)  104.346 ms
        border8-po2-bbnet2.nym007.pnap.net (216.52.95.108)  103.657 ms
        border8-po1-bbnet1.nym007.pnap.net (216.52.95.45)  109.178 ms
    18  216.105.96.18 (216.105.96.18)  107.338 ms  107.705 ms  107.160 ms
    19  64.74.37.37 (64.74.37.37)  111.865 ms !Z  130.731 ms !Z  124.707 ms !Z

  • Yellow pop up box when hovering over links missing in CC?

    The behavior when hovering over links in the Links Panel in CS6 was a yellow pop up box with the full path of the link displayed.
    I find that is not the behavior in CC and I am really missing that.
    Have I missed a setting somewhere to enable this in CC?

    That was it.
    Tool tips was not enabled. Enabling it brings back the yellow box. Didn't really think of that as a tool tip.
    Thanks

  • Using Firefox 7 in Windows 7, however, when hovering over task bar the icon reveals Firefox 4 beta 12. Is there a fix, please?

    When hovering over the Firefox icon in the task bar on a blank desktop in Windows 7, the wrong version is revealed.

    Hello jesterabk, '''Try Firefox Safe Mode''' to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
    ''(If you're not using it, switch to the Default theme.)''
    * You can open Firefox 4.0+ in Safe Mode by holding the '''Shift''' key when you open the Firefox desktop or Start menu shortcut.
    * Or open the Help menu and click on the '''Restart with Add-ons Disabled...''' menu item while Firefox is running.
    ''Once you get the pop-up, just select "'Start in Safe Mode"''
    '''''If the issue is not present in Firefox Safe Mode''''', your problem is probably caused by an extension, and you need to figure out which one. Please follow the [[Troubleshooting extensions and themes]] article for that.
    ''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.''
    ''When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.''
    Thank you.

  • Hyperlink text highlight when hovering over

    Is there a way to create text highlight effect when hovering over hyperlinks in interactive pdf's created in InDesign6 ?

    You have text wrap applied to the image underneath. Right click the text frame and choose text frame properties and enable ignore text wrap.
    Bob

  • Yellow Box when hovering over links

    Hi All,
    I have read a few discussions surrounding the 'yellow box' that appears when hovering over links in safari. Last I read some time ago revealed this is an intergrated 'feature' of safari. Is this still the case?? Or have enough users complained to have this 'feature' squashed (fingers crossed.....)
    Thanks

    You may keep your fingers crossed.  Hovering produces the yellow information box.
    Ciao.

  • Tooltip when hovering over tabs

    I find that the tooltip which appears when hovering over a tab gets in the way of my workflow sometimes. For example, I'm unable to quickly access options on the Application or Options bars when it's present. This generally seems to be the case when I've got the tabs snapped to the Application Frame. Is it possible to turn the tooltips for the tabs off?

    Thanks, I do see the "Show Tool Tips" option but I was hoping there might be some way to avoid turning off all the tool tips (I rely on them every now and then when I need a reminder of what an option or tool is for). I can probably just deal with it since it's a small nuisance. It's mostly an issue with moving the cursor horizontally out of the tooltip and that tooltip not disappearing immediately.
    Vid of tooltip behavior
    http://s87.photobucket.com/albums/k156/darthsauce/mac/?action=view&current=tooltip.flv
    Please note: I'm purposely stopping on the tab in the video to force it to show. Most of the time I've just inadvertently paused on the tab while on my way to access an option on one of the bars.

  • How to solve illustrator cs6 save as cs5 problem about the stroke(when the stroke with clipping mask and color is gradient, save as cs5 will change to embed ).

    how to solve illustrator cs6 save as cs5 problem about the stroke(when the stroke with clipping mask and color is gradient, save as cs5 will change to embed ).

    Because it was not possible to apply a gradient to a stroke in CS5. When you open the file in CS5, it is reduced to something that can be rendered in CS5.

Maybe you are looking for