Buttons have dark strips when hovering

Hi,
Here is the website: http://hbr2.pooledesignstudio.com
The background of the buttons is very dark when hovered on. I would like them to change uniformly, say white text and medium purple.
I'm changing everything about this website but the content and am working on the index page first.
Thank you for your help.
Kathleen

Hi B.
I'm pretty comfortable, and sometimes have trouble finding the right class/id/subclass.
Thanks for your help.
Kathleen Poole
(925) 989-0719
and if you ever feel the desire for a fantastic place to celebrate life - here's where I go:
http://newlifeinfo.com/

Similar Messages

  • Help! My buttons have stopped working when keyboard locks.

    I have a blackberry curve 8900 and it's always worked fine but today it started giving me trouble. I have it set to always block the keyboard when not in use and today, it won't unlock anymore.
    I tried taking off the battery and SIM card for a few minutes, and then when it turns on it works perfectly fine, but the minute I leave it alone and the screen goes dark, everything just stops working, the trackball, buttons, unlock button, etc. The screen is just plain dark as if it was off ( but it isn't cause I still hear emails and bbm messages)
    I thought it may have something to do with the memory,  and I deleted a bunch of useless stuff but nothing seems to work. Also, it happened out of the blue, no new installs in the past few months. Didn't drop it or got it wet. Any suggestions? Thanks!

    Hello leonomeli,
    Try one of the different methods listed here for reloading your BlackBerry Device Software:
    http://www.blackberry.com/btsc/KB03901
    Cheers,
    -FB
    Come follow your BlackBerry Technical Team on Twitter! @BlackBerryHelp
    Be sure to click Kudos! for those who have helped you.
    Click "Accept as a Solution" for posts that have solved your issue(s)!

  • Menu buttons briefly turn white when hovering

    When I hover over a menu button it turns white in IE and transparent in FF for about 2 seconds then displays the correct hover image. This happens the first time you hover, then it behaves normally after that.
    Take a look here http://www.preferreddigitalprints.com/
    I think I have something messed up in the CSS but can figure out what it is. I'm hoping someone has seen this before and would be kind enough to point me in the right direction.
    Here's my CSS:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* the outer table */
    table#menu img {float:left; width: 39px;}
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    width: auto;
    ul.MenuBarHorizontal li #home {width: 132px; margin-left: -5px;}
    ul.MenuBarHorizontal li #services {width: 155px;}
    ul.MenuBarHorizontal li #order {width: 176px; }
    ul.MenuBarHorizontal li #webaccess {width: 174px;}
    ul.MenuBarHorizontal li #contact {width: 160px; margin-right:-5px;}
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 13em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 13em;
    ul.MenuBarHorizontal ul li a
    { background-color: #1a542c; color:#FFFFFF; padding: 6px; }
    ul.MenuBarHorizontal ul li a:hover
    { background-color: #73152e; color:#FFFFFF; padding: 6px;}
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: 0% 0 0 100%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    { font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
    /* Menu items */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    height: 32px;
    text-decoration: none; }
    ul.MenuBarHorizontal a#home { background-image: url(../BTNHomeUP.png);}
    ul.MenuBarHorizontal a#services { background-image: url(../BTNServicesUP.png);}
    ul.MenuBarHorizontal a#order { background-image: url(../BTNOrderUP.png);}
    ul.MenuBarHorizontal a#webaccess { background-image: url(../BTNWebAccessUP.png);}
    ul.MenuBarHorizontal a#contact { background-image: url(../BTNContactUsUP.png);}
    /* Menu items that have mouse over */
    ul.MenuBarHorizontal a#home:hover { background-image: url(../BTNHomeOVER.png);}
    ul.MenuBarHorizontal a#services:hover { background-image: url(../BTNServicesOVER.png);}
    ul.MenuBarHorizontal a#order:hover { background-image: url(../BTNOrderOVER.png);}
    ul.MenuBarHorizontal a#webaccess:hover { background-image: url(../BTNWebAccessOVER.png);}
    ul.MenuBarHorizontal a#contact:hover { background-image: url(../BTNContactUsOVER.png);}
    /* ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus */
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;

    Putting your page through the html validator bought up a few errors
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.preferreddigitalprints.com%2F
    The most important error is that the page isn't using a doctype.  This could account for the bugginess of the page.  A page without a doctype will render CSS in quirks mode and not display the page as intended in some browsers.
    Please insert a doctype at the top of the document, then put the page through the validator again to see what errors remain, fix those, and hopefully the page will load OK.  I didn't look at the navbar images, but make sure that they are optimized for the web, because that can also cause a slow down on loading them.
    I recommend using the transitional doctype.
    DOCTYPES:
    Reference: 
    http://www.alistapart.com/articles/doctype/
    http://htmlhelp.com/tools/validator/doctype.html:

  • 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

  • Appear text when hovering a button

    Hello everyone. I would like your assistance for a feature that I want to implement.
    I have a paragraph with my services and I want some sort of description to appear below  when hovering/clicking each service. How do I do that?
    Let me know your thoughts. Thank you in advance.

    mdermez wrote:
    This is for a website not for a newsletter or anything.
    Would a tabbed area work for you (see below)
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
    $(document).ready(function() {
    $("#services_1, #services_2, #services_3").hide();
    var divs = $("#services_1, #services_2, #services_3");
    $("a").click(function () {
    $(divs).hide();
    $('a').css('background-color' , 'transparent');
    $("#" + $(this).attr("class")).show();
    $(this).css('background-color' , '#CCC');
    </script>
    <style>
    #buttons {
        overflow: hidden;
        color: #fff;
        width: 900px;
        margin: 0 auto;
    #buttons ul {
        margin: 0;
        padding: 0;
        list-style: none;
    #buttons li {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
    #buttons li a {
    display: block;
    width: 150px;
    color: #000;
    padding: 10px 8px;
    text-decoration: none;
    #servicesWrapper {
        width: 900px;
        margin: 0 auto;
    #services_1, #services_2, #services_3 {
    background-color:#CCC;
    padding: 20px;
    </style>
    </head>
    <body>
    <div id="buttons">
    <ul>
    <li><a href="#" class="services_1">SERVICES 1</a></li>
    <li><a href="#" class="services_2">SERVICES 2</a></li>
    <li><a href="#" class="services_3">SERVICES 3</a>
    </li>
    </ul>
    </div>
    <!-- end buttons -->
    <div id="servicesWrapper">
    <div id="services_1">Sed fuisset eleifend ne, doming convenire reformidans in qui, ad honestatis delicatissimi usu. Eos ex sale ludus, an facilisis urbanitas has, congue inimicus interesset sed ex. Vel eu amet illum sanctus, no eros impetus deserunt his. Altera inermis usu ne. An nam paulo bonorum, oportere appellantur per ea, ullum facer alterum duo ex. Noluisse verterem no sea.
    </div>
    <div id="services_2">Pro tale eligendi aliquando an, at eam vero dolor prompta. Eruditi admodum abhorreant eos in, te has vidit complectitur. His simul veniam ut, ne dicat propriae consulatu vis. Cu mel odio alienum, ne pri consul recteque interesset. Ea eos agam doctus assueverit, amet evertitur neglegentur ut vis. Vocent alterum recusabo eu mel. Te veri oratio per.</div>
    <div id="services_3">Has dicit cetero id. Fabellas disputationi ei has. At postea intellegebat pri, ludus menandri nec eu. In ius ullum facete, assum efficiendi id qui. Cu error vivendo efficiendi vix, vix affert intellegebat at. Veritus prodesset similique est ut, id pro sumo munere facilisi. Vel aliquid delicata patrioque at, maiorum deleniti adolescens quo id, vis habeo volutpat sadipscing ex.</div>
    </div>
    <!-- end servicesWrapper -->
    </body>
    </html>

  • I have a problem when iPhone 5 includes the camera in the dark on the screen appear mlenki point that wink. what is it?

    I have a problem when iPhone 5 includes the camera in the dark on the screen appear mlenki point that wink. what is it?

    I still don't have any idea what caused the problem. It didn't go away when I re-synced. However, when I completely shut down the iPod (64GB Gen4) by pressing and holding the ON/OFF button until it gave me the red 'slide to turn off' control, and then rebooting it from scratch the problem went away.
    It looks like there was some conflict between the system and the app that is going to be quite difficult to find. If it happens again I'll try to be more observant of the conditions and report more information.

  • I bought my iphone 5s a week before and now its volume "up" button is not working when pressed.Does anybody know what to do to make it work?I have a one year warranty.Should i give it to apple retail shop or is there any way to solve this problem?

    I bought my iphone 5s a week before and now its volume "up" button is not working when pressed.Does anybody know what to do to make it work?I have a one year warranty.Should i give it to apple retail shop or is there any way to solve this problem?

    IF it is a manufacturing defect and you bought the device from Apple or an authorized Apple retailer, then take it into Apple.

  • Why do I have trouble with attachments being stripped when sending email via Earthlink Webmail using Firefox?

    I recently built a new computer running Win 8.1. However, I have had trouble sending and receiving attachments with Earthlink Webmail on Firefox. I sometimes cannot see attachments to emails I receive, although the size of the file indicates they are there. When I try to send an email with attachments, the browser contacts Earthlink, and then the message reappears, but the attachments have been stripped. If I hit Send again, the message goes, but without the attachments. If I re-attach the attachments and hit send, they are again stripped. I contacted Earthlink support, and they told me it is a problem with Firefox. I then tried IE and was able to send the attachments without a problem.
    I would really appreciate any help as Firefox is my browser of choice.

    1. Not sure how to send an email in a private browsing window... I use Earthlink Web Mail and I cannot find anything on that site about private browsing window.
    2. Have not tried this yet, but will when I get a chance.
    3. Not sure. My old computer ran XP. Never had the problem with it. Right now, it is not connected to the internet, so can't check it.
    4. I neglected to mention... I did try IE and it worked fine.
    I do have Norton 360 installed, but it was not a problem on the XP machine.
    Thanks for your response. I have been so busy lately that I just now picked up your response. I have not had time t to try anything else.
    As far as the file type, I was trying to send pdf files. Have not tried other file types.
    Earthlink limits messages (and attachments) to 20 MB. The files were less than 3 MB.

  • Why is it when using my iPhone 4s front camera, the screen sometimes turn black or have blue stripes on it? What's wrong with it and what should I do?

    When using my iPhone 4s front camera, the screen sometimes become black or have blue stripes on it! Is this a hardware or software problem? Can this issue be covered by my warranty? I bought it inmid-december last year, and this problem came at around Late January. It's a rare case, only came about 5 times, but this really concerns me. What's wrong with it? Thank you so much for your concern.

    thank you for your reply
    I brought it to the store and they agreed to give me an exchange. thank goodness!
    I have a new question: I've now transferred my back up datas to my new iphone. They wanted me to register, so I registered (as my old apple ID) and then they asked if I want to restore backup, I did that too. after the restore back up process, the only things that aren't there were my music and apps! what should I do to get them into my new iPhone?

  • Hello, i have one issue when i hit back button of F Fox than it will show me " Document Expired " alert message.. i need to avoid this alert.

    Hello, i have one issue when i hit back button of F Fox than it will show me " Document Expired " alert message.. i need to avoid this alert.
    because my site is based on ajax so i need same page with my all activity i perform before i go next page when i hit back button..
    Please give me solutions of this problem if possible.
    Thank you

    Are you sending HTTP response headers that instruct Firefox not to cache the pages?
    You can get a "document expired" message if you use the back button to return to a specific page and the web site has instructed Firefox not to cache the page.<br />
    Firefox tries to retrieve the page from the server, possibly by sending POST data.

  • I have a strip on the touchpad that does not respond when I touch it.  Is there anything I can do?

    I have a strip from top of the pad to the bottom where it does not respond to touch.  It makes it difficult to type or draw on my iPad.  Is there anything I can do?

    You can try this - it will not hurt - not sure if it will help.
    Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.

  • My i4s wifi button is not working. when i opened the setting and then wifi the button is greyed out. then i opened general and then about. in the bar of wifi address it is written N/A. what does its mean. i have done all other things like setting general

    my i4s wifi button is not working. when i opened the setting and then wifi the button is greyed out. then i opened general and then about. in the bar of wifi address it is written N/A. what does its mean. i have done all other things like setting >general<reset<reset network setting. but all in vain. tell me the solution

    restore your phone as new through itunes. if the issue persists after a factory restore via itunes, it means you've got a hardware issue and the phone needs to be repaired

  • My saved files have stripes when I reopen

    Hi, I use Photoshop CS5 extended version 12.0 64bit. I don't know why but some of my files I created have stripes on them when I reopen to work on them. It looks like some layers get corrupt and have horizontal stripes along the width of the image. Please help cause I'm on a deadline. Thanks.
    Fami

    First, go download and install all the updates for Photoshop.  You should be on 12.0.4.

  • When I open up my MacBook Pro only appear a blank grey screen, and I try to hold my buttons,but my buttons have no reaction.

    start up with a blank grey screen,The buttons have no reaction.

    Try these steps:
    https://support.apple.com/en-us/HT204325
    Ciao.

  • Solo Button in Channel Strip with Red Line

    Solo Button in Channel Strip with Red Line through it and it won't solo?
    How'd it happen and how do you get rid of it?
    Thanks!

    Try This----From the Manual
    Logic Pro, Express: Solo Safe mode may not remain disabled for a particular channel strip
    Symptoms
    In certain projects, "Solo Safe" mode for a channel strip may enable each time you load the project, even after you disable it and save the project.
    Resolution
    When a channel strip in Logic is "Solo Safe", it remains audible, even when other channel strips are soloed. Solo Safe is indicated by a diagonal red line through the solo button on a channel strip.
    You can manually toggle the solo safe status of a channel strip by Control-clicking its solo button. There are times when you may find that a particular audio channel strip in a project reverts to solo safe mode when you load the project, even after you manually disable solo safe. Here is why that may happen and steps you can take to prevent it from occurring.
    A Logic project contains a special audio channel strip used for pre-listening to audio in the Sample Edit window, Audio Bin, and Loop Browser. When you create a Logic project from one of the factory templates, this channel strip is assigned to "Audio 256". This channel strip stays in solo safe mode so that you can always preview audio. The image below shows the channel strip for a new, empty project.
    If there is no audio channel strip in a project assigned to "Audio 256", Logic will use the highest-numbered available audio channel for pre-listening. When the project is loaded, that channel strip will be put into solo safe mode. You may find this happens in older projects that you open in Logic 8, or in cases where you have deleted the "Audio 256" channel strip in a Logic 8 project. To prevent this from affecting channel strips you are using in a project's arrangement, follow these steps:
    Choose Window > Environment.
    From the Environment window menu, choose New > Channel Strip > Auxiliary. A channel strip will appear in the environment.
    Select the channel strip. It will highlight.
    In the Device parameter box in the upper left of the Environment window, click the arrows to the right of "Channel" and choose Audio > Audio 256 from the menu.
    Select the text tool, click on the name below the channel strip and name it "Prelisten".

Maybe you are looking for