How to hide the Alt description when you hover over your links?

I was told that you have to have a description for images, links just about everything. But when I preview my website and hover over the links, a yellow box appears with the description of the images. How do I hide this?

You are previewing with an old (very old?) version of IE, which is the only browser on earth that does what you describe.  All other browsers play by the rules and leave the alt attribute values alone (which is what they should do). 
You can choose to ignore this, or 'kill' it by adding a title attribute that is empty, e.g.,
<img alt="foo" title=""...
By the way, you add alt attributes to images for accessibility reasons.  People who browse with images turned off (and there are some) or people who use screen assistive devices (screenreaders) need some indication that there is an image at the point where they are looking/reading.  Consequently, you would only want to add content to these alt attributes where it's important to the message of the page (i.e., a cosmetic-only image would just have an empty alt attribute value). And you only need these for images, not for any other page element....

Similar Messages

  • I am not seeing the URL preview you get when you hover over a link. Why?

    Until today, when I hovered my cursor over a link, a preview of the link's URL would appear on the lower left of my screen, above the Start button (I use Windows Vista). Currently when I hover over a link, no preview appears, so I don't know the web address of where I'm going when I click on the link. I thought that maybe this was due to updating to Firefox 19.0, but my friends who have also updated say that they can still see the URL preview. Did I somehow turn off the URL preview by accident? If so, how can I turn it back on? If not, why is it gone?

    Do you see toolbars like the Add-ons bar (Ctrl+/) or the Find bar (Ctrl+F)?
    Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
    *Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
    *https://support.mozilla.org/kb/Safe+Mode
    *https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
    You can check for problems with the localstore.rdf file.
    *http://kb.mozillazine.org/Corrupt_localstore.rdf

  • How do I remove the white rectangle that appears when you hover over a nav button or email link?

    In properties I have link color white, visited blank, rollover blank and active blank. When viewed in chrome, IE or firefox a white rectangle appears when you hover over each link.  What is the procedure for removing this?

    This is my CSS
    .gridContainer {
              width: 89.0217%;
              max-width: 1232px;
              padding-left: 0.4891%;
              padding-right: 0.4891%;
              margin: auto;
              clear: none;
              float: none;
              margin-left: auto;
              color: #FFFFFF;
              background-color: #0033FF;
              border-radius: 15px;
              padding-top: 2%;
              padding-bottom: 2%;
    #div1 {
              width: 100%;
              padding-top: 2%;
              background-color: #FFFFFF;
    #Navdiv {
    width: 24.1758%;
    #Intro1 {
    width: 74.7252%;
    margin-left: 1.0989%;
    clear: none;
    #Intro2 {
              width: 74.7252%;
              margin-left: 1.0989%;
              clear: none;
              text-align: center;
    #Intro3 {
    width: 49.4505%;
    #Intro4 {
    width: 49.4505%;
    margin-left: 1.0989%;
    clear: none;
    #Intro5 {
    width: 100%;
    #Footer1 {
              width: 100%;
              text-align: center;
              padding-top: 2%;
              padding-bottom: 2%;
    #Footer2 {
              width: 100%;
              text-align: center;
              padding-top: 2%;
              padding-bottom: 2%;
    #Footer3 {
              width: 100%;
              text-align: center;
              padding-top: 2%;
              padding-bottom: 2%;
    #Footer4 {
              text-align: center;
              padding-bottom: 2%;
    #Navheader {
              margin-left: 0;
              clear: both;
              width: 100%;
              text-align: center;
              background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,51,255,1.00) 100%);
              background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,51,255,1.00) 100%);
              background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,51,255,1.00) 100%);
              background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,51,255,1.00) 100%);
    .Ulnav {
    width: 100%;
    margin-left: 0;
    .Listnav {
              width: 100%;
              margin-left: 0;
              text-align: center;
              background-color: #0033FF;
              padding-top: 1%;
              padding-bottom: 1%;
              color: #0033FF;
    #spacer1 {
    width: 100%;
    margin-left: 0;
    clear: none;
    #spacer2 {
    .zeroMargin_desktop {
    margin-left: 0;
    .hide_desktop {
    display: none;

  • Is there an add-on that features an arrow when you hover over a bookmark link and opens it in a new tab, like IE?

    In the IE 7+ browser, the Favorites pane has a feature that when you hover over a link, a blue arrow displays which, when clicked, opens that link in a new tab. Is there a Firefox add-on that has this feature?

    Middle-click or {Ctrl + Click} a bookmark to have it open in a new Tab.

  • How do I get rid of the hover description on the taskbar? Like when you hover over Firefox and it shows the title of the website you're on. It gets in the way of gaming.

    I'm a gamer and I play in windowed mode, and every now and then this gets in my way of playing. It's super annoying and I have to either close out Firefox or move my taskbar to the top, which isn't optimal.
    I'd like to be able to play in windowed mode, with a browser open if I so need, without accidently hovering over it and causing this stupid tooltip to block the spells I need to use.
    http://i55.tinypic.com/10e25xe.jpg
    That's what I'm talking about.
    I use Windows 7.
    I've disabled the thumbnail previews.
    All other taskbar icons have the registry edit that extends hover time so that I have to hover for a long time for it to display, so it's fine.
    I've tried the Firefox about:config where I disable the browser.chrome thingy and those things related to that.
    Is there any way to get rid of this display that when you hover over the web browser it tells you the name of the page you're on?

    Wade and Monica,
    Thanks for your help.
    Wade, it hit me when you asked "why is it a png" file and I realized that I was using the wrong file.  Sometimes its hard to see the forest for the trees!  Problem for banner artwork fixed and I have now used the correct logo file so no more dotted line.
    The dotted line only appears on the the png version of the logo.  There's no coloured background on the logo file.  She gave me the file as both an eps and a png file. I'm pretty sure she created the logo in Illustrator.  I've been using the png file for the website, which is what I thought it worked well for.  And the eps one for my print materials.
    I have no clue why I grabbed the png instead of the eps logo file I usually use, but thanks for pointing out the obvious since I wasted time trying to fix it and was getting very frustrated at what had suddenly gone "wrong".
    I still have that dotted line on the png file of the logo but I'll have to figure that out another day.
    Thanks again!
    Hasmi

  • HT4061 how to restore the iphone 4 when you get a restore message error (-1)?

    how to restore the iphone 4 when you get a restore message error (-1)?

    If the iPhone was jailbroken, you get this error due to baseband mismatch. No help for such iPhones here in this forum.
    if not, Restore on another computer. If error persists it is hardware failure.

  • Outlook mac Doesn't show the Meeting organizer's full detail as in contact when you hover over

    In the out look , when you received an meeting request, we can see the organizer's email address, but when you hover over the email address it says "presence unknown" and didn't show any details of that email user.
    But i can see the contact search is in All Folder. when its in all folder  it doesn't show his contact. but when i change the search to default GAL LDAP i can see the mail user's details in the contact.
    I hope if i can change the " contact search to Default globla address list LDAP " when you hover over we can see the email user's detail.. But i have no idea how to change the defaut Contact search to another one frm ALl Folder .
    Help me to change this.
    Thanks
    saththiyan

    I have this problem in all the MacBooks... Pro, Air, Ect Ect..

  • What is the name of the tooltips that shows up when you hover over a UIbutton?, such as "back", "foreward", "home" etc

    Okey so basically I've themes my windows 7 into a black state.
    The thing about that is that the default font color firefox uses for tooltips and other information is back so its quite impossible for me to read.
    After a while googleing I found out that something called userChrome.css can be used so naturally I looked furhter.
    I found answers for almost everything I was looking for, except these "button tooltips".
    Heres my userChrome.css code:
    menubar, menu {
    color: black !important;
    menupopup > menu,
    menupopup > menuitem,
    popup > menu,
    popup > menuitem {
    color: white !important;
    tooltip, statusbar {
    color: white !important;
    Basically it takes care of all text that was black and turns it the way I like it.
    So what is the name of the tooltips that shows up when you hover over a UIbutton? such as "back"
    With the correct name I should be able to add
    name {
    color: white !important
    and it should work just fine :)

    hey 88_King,
    go to http://support.lenovo.com and download any one or all the software you require from here.
    and most of the items you need is under ThinkVantage
    WW Social Media
    Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
    Did someone help you today? Press the star on the left to thank them with a Kudo!
    If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
    Follow @LenovoForums on Twitter!
    Have you checked out the Community Knowledgebase yet?!
    How to send a private message? --> Check out this article.

  • My link preview has disappeared from the bottom left of the page (it no longer pops up when I hover over a link.) Thoughts on how to get it back? I really LIKE having it!

    My link preview has disappeared from the bottom left of the page (it no longer pops up when I hover over a link.) Thoughts on how to get it back? I really LIKE having it!

    It is possible that the screen is too high and that the scroll bar and the find bar and add-on bar fall off at the bottom.
    If that works then close Firefox (File > Exit/Quit) to save that setting.
    See also:
    * http://kb.mozillazine.org/Resizing_oversize_window
    If the above didn't help then see:
    * http://kb.mozillazine.org/Corrupt_localstore.rdf

  • All tool icons are gone from safari and apple mail tool bars. Tool tips works when you hover over the box with the missing icons. Macbook pro  OS

    all tool icons are gone from safari and apple mail tool bars. Tool tips works when you hover over the box with the missing icons. Macbook pro  OS X 10.8.4
    The boxes that the icons were in are still there, but no icons

    Hello jo90733,
    I would recommend reinstalling Mountain Lion to replace the missing/damaged components of these applications. While the process shouldn't affect any data (images, music, etc) you have on the system, it's always a good idea to have a backup in place prior to reinstalling.
    OS X Mountain Lion: Back up your Mac
    http://support.apple.com/kb/PH11371
    OS X Mountain Lion: Reinstall OS X
    http://support.apple.com/kb/PH10763
    Important: You need to be connected to the Internet to reinstall OS X.
    Choose Apple menu > Restart. Once your Mac restarts (and the gray screen appears), hold down the Command (⌘) and R keys.
    If you’re not connected to the Internet, choose a network from the Wi-Fi menu (in the top-right corner of the screen).
    Select Reinstall OS X, and then click Continue.
    Follow the onscreen instructions. In the pane where you select a disk, select your current OS X disk (in most cases, it is the only one available).
    To start the installation, click Install.
    Cheers,
    Allen

  • Can someone help with a div that pops up when you hover over a button?

    I made a div that pops up (stacked on the rest of the page) when you hover over a button (gigs). It works in the safari preview but when I test it online it doesn't. It's above the logo instead of blocking it and on the left site instead of the right. And when you open the page it isn't hidden like in the preview. Does someone know what is wrong?
    The test page: Stuff

    Below code, onclick of 'GIGS' shows pop-up window. You then have a 'close' button which when clicked closes it.
    <!DOCTYPE html>
    <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>Stuff</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="http://www.rockoco.be/stuff/css/main.css">
        <link rel="shortcut icon" href="favicon.ico">
        <link rel="apple-touch-icon" href="favicon.png">
        <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
    <script type="text/javascript">
    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3)
      with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
        </script>
    </head>
    <style>
    #popup {
        position: absolute;
        right: 0;
        z-index: 100;
    #popup img {
    display: block;
    #popup p {
    margin: 0;
    padding: 0;
    #popup a {
        text-decoration: none;
        display: inline-block;
        padding: 8px 12px;
        color: #fff;
        background-color: #000;
    </style>
    <body>
    <div id="popup">
    <img src="http://www.rockoco.be/stuff/img/Flyer-030315.png" alt="popup" width="426" height="605" class="png" />
    <p><a href="#" class="closeWindow">CLOSE</a></p>
    </div>
    <div id="content">
    <h1><img class="svg" src="http://www.rockoco.be/stuff/img/logo.svg" alt="Stuff" /></h1>
    <nav id="social">
        <ul>
       <li><a href="#"><img class="svg" src="http://www.rockoco.be/stuff/img/gigs.svg" alt="Gigs" /></a></li>
            <li><a href="https://twitter.com/36STUFF" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/twitter.svg" alt="Twitter" /></a></li>
            <li><a href="https://www.facebook.com/STUFF.isthebandname" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/facebook.svg" alt="Facebook" /></a></li>
            <li><a href="https://soundcloud.com/stuffmusic" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/soundcloud.svg" alt="Soundcloud" /></a></li>
            <li><a href="http://stuffmusic.bandcamp.com/" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/bandcamp.svg" alt="Bandcamp" /></a></li>
            <li><a href="https://www.youtube.com/user/duststuff/videos " target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/youtube.svg" alt="Youtube" /></a></li>
            <li><a href="mailto:[email protected]"><img class="svg" src="http://www.rockoco.be/stuff/img/contact.svg" alt="Contact" /></a></li>
        </ul>
        <ul>
             <li><a href="[email protected]" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/remixes_@_ab_klein.svg" alt="Remixes" /></a></li>   
        </ul>
    </nav>
    </div>
    <footer>
        <a class="left" href="http://www.minguely.ch" target="_blank"><img src="http://www.rockoco.be/stuff/img/logo_minguely.png" alt="" /></a>
            <a class="right" href="http://www.martincramatte.com/" target="_blank"><img src="http://www.rockoco.be/stuff/img/logo_martincramatte.png" alt="" /></a>
    </footer>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
    $(document).ready(function() {
    $('#popup').hide();
    $('.svg').click(function() {
    $('#popup').show()
    $(document).ready(function() {
    $('.closeWindow').click(function() {
    $('#popup').hide()
    </script>
    </body>
    </html>

  • Safari, when I hover over a link, doesn't show the web address, +Hotmail qu

    Hi, two questions.
    New to safari, when I hover over a link it doesn't display the web address, is there a way to turn this on or is it not available in Safari.
    In regard to Hotmail, is there a way to synch up Hotmail with Mail in leopard so that when I click an email address it allows me to send via hotmail.
    If not, how do you find out the email address, because when I click it, just takes me to mail and doesn't allow me to at least view what the email address is, so I can manually send it via Hotmail.
    Thanks for your time.

    New to safari, when I hover over a link it doesn't display the web address, is there a way to turn this on or is it not available in Safari.
    Choose Show Status Bar from the View menu.
    In regard to Hotmail, is there a way to synch up Hotmail with Mail in leopard so that when I click an email address it allows me to send via hotmail.
    Try using httpmail.
    (36670)

  • Info pane that loads when you hover over an image

    I think by mistake I have enabled an info pane that opens when you hover over an image with the cursor. I don't know how I have done this but it is driving me mad. Can anyone help with turning this feature off?

    Sounds like Tooltips. Hit the T key to toggle

  • How do you set up so that you can view the alternate text on an image when you hover over it like you do in IE?

    Using Mozilla at present the alternate text for an image does not pop up when you hover your mouse over the image. This is what occurs in Internet Explorer. In Mozilla Firefox you have to right click, choose Properties and then you can view the alternate text. Is there a way to set up the mouse hover? Or is there a keyboard shortcut to at least view the Properties information of an image on a webpage quicker?

    The Alt attribute isn't meant to show as a tooltip on hover.
    The Alt attribute is meant to show if the image isn't or can't be displayed.
    The title attribute is meant to show if you hover an image or link.
    *http://kb.mozillazine.org/Image_tooltips_do_not_work
    Some extensions can interfere and disable the tooltip.
    * [[Troubleshooting extensions and themes]]
    * http://www.w3.org/TR/html401/struct/global.html#title title
    * http://www.w3.org/TR/html401/struct/objects.html#alternate-text
    *Popup ALT Attribute: https://addons.mozilla.org/firefox/addon/1933

  • How do you upgarde to the ios 5 when you dont konw your adminitratror name and password

    how do you upgrade to the iOS 5 when you don't know your administrator name and password

    Ask the person who administers the computer/network.
    Just what was the error message and when did yu get it?

Maybe you are looking for