<div> dans <a>

J'ai fait un simple fragment de html, qui contient ceci:

<a href="#"><div>Something here</div></a>

Il est évident qu'elle m'avertir que la div ne peut pas être à l'intérieur d'un <a> tag. J'ai utilisé un div, parce que je veux que l'ensemble de la zone (div dans ce cas) à un bouton. Ainsi, le sous-classe :hover et un bouton approprié de la zone s'applique à l'ensemble de la zone, non seulement un texte à l'intérieur. Aussi loin que je me souviens de divs peut être utilisé à l'intérieur des balises en html5. J'utilise XHTML 1.0 Transitional. Est-ce que je peux remplacer un div avec pour éviter des erreurs dans le code? ou dois-je changer xhtml html5? il sera de bon travail sans toucher le reste du code? merci.

Quel est le point de travail en vertu d'un doctype XHTML si vous êtes sciemment l'écriture de code non valide (en vertu de la doctype)? Il suffit de passer en HTML5 si vous souhaitez utiliser HTML5.
Quel est le but de la <div> ici? N'est-ce pas{display:block;} se comporter comme l'a demandé?
Vous pouvez soit utiliser le !DOCTYPE html pour HTML5 ou de rester avec le doctype XHTML et envelopper contenu de la div avec a, tout en lui donnant un display: block propriété CSS. Retrait de la div ne serait pas mal non plus dans le deuxième cas, sauf si elle sert à quelque autre fin.
double possible de Est de mettre un div à l'intérieur d'un ancrage toujours correct?

OriginalL'auteur Piotr Ciszewski | 2012-08-05

  1. 5

    Vous pouvez utiliser display:block.

    En est un exemple, comme suit:

    HTML:

    <a href="#" class="btn"​​​​​​​​​​​​​​​​​​​​​>Button</a>​​​​​​​​​​​​​

    CSS:

    ​a.btn{
    display: block;
    background-color: Green;
    width: 50px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    color: White;
}
a.btn:hover{
    background-color: lightGreen;
    color: Black;
}

    Vous pouvez le tester en direct ici: http://jsfiddle.net/YdCzY/

    OriginalL'auteur Akhilesh B Chandran

  2. 1

    Vous pouvez essayer d'utiliser 'span' éléments dans le 'a' élément au lieu de divs...

    Vous pouvez appliquer des styles à la portée de sorte qu'il se comporte exactement comme la div vous voulu (par exemple, un contenu riche qui est aussi surtout un lien).

    AFAICS, la seule différence entre les span et div sont les styles par défaut, et les éléments qu'ils sont autorisés à avoir des enfants. Mais je suis prêt à être corrigé par plus appris collaborateurs...

    OriginalL'auteur Jake

  3. 0

    Utilisation 

    <div onclick="..">...</div>

    ou un display: block; sur votre tag (http://green-beast.com/blog/?p=74)

    à l'Aide de onclick est une mauvaise pratique
    HTML5 permet d'habillage <a> autour de <div>, et ce est un moyen plus naturel de le faire, plutôt que de compter sur un onclick+Javascript.

    OriginalL'auteur Chris

  4. 0

    Essayez d'utiliser ceci:

    HTML:

    <a id="block-a" href="#">Something here</a>

    CSS:

    #block-a {
    display: block;
}

    OriginalL'auteur Anish Gupta

  5. 0

    C'est plus facile au moins

    `<div onclik="window.location.href='url'">
</div>`

    OriginalL'auteur Nagibaba