Masquer le lien Hypertexte Ligne à l'aide de css

J'ai ce Code HTML

<a href="test.html">
<div class=" menubox mcolor1">
<h3>go to test page</h3>
</div>
</a>

et c'est le css

.menubox {
    height: 150px;
    width: 100%;
    font-size: 14px;
    color: #777;
    margin: 0 0 0 0;
    padding: 0; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    position: relative;}

.mcolor1 { background: #3A89BF url(../images/prod2.png) no-repeat center center; }

la souris passe dessus de ce div, le texte montre le lien hypertexte ligne, comment puis-je le cacher?

a { text-decoration: none; }
double possible de Comment faire pour supprimer le soulignement pour les ancres de liens ()?
Je pense qu'il y a un peu plus à cette question que le double, vu le code HTML.

OriginalL'auteur Robinlolo | 2013-04-23

  1. 2

    Si vous souhaitez supprimer le soulignement sur le vol stationnaire, utilisez ce CSS:

    a:hover {
   text-decoration: none;
}

    Remarque :

    À moins que votre page utilise le doctype HTML5 (<!doctype html>), votre structure HTML n'est pas valide. Les Divs ne peut pas être imbriquées à l'intérieur a élément avant de l'HTML5.

    Merci pour votre réponse, Mais je peux appliquer le href sur la totalité de la div
    Ils peuvent dans la version actuelle de HTML (HTML5). Essayez-la: validator.w3.org
    En fait, en HTML5, vous pouvez imbriquer des éléments de bloc à l'intérieur de liens. Si c'est autre chose que de l'HTML5, comme XHTML ou que ce soit, alors il ne sera pas valide, oui. html5doctor.com/block-level-links-in-html-5
    merci pour le lien. Utile post!

    OriginalL'auteur Morpheus