Les partenaires publicitaires:

Comment faire un div un lien CSS

Balises DIV définissent une zone rectangulaire à l'intérieur des pages HTML. CSS (Cascading Style Sheets) sont des fichiers texte qui contrôlent la conception et l'apparence des pages HTML. Par example, ""Tag, qui est utilisé pour créer des liens est un élément en ligne, tandis que balise DIV est un élément de niveau bloc. Donc balises techniquement DIV peuvent ne pas résider dans les balises d'ancrage. Cependant, la solution consiste à placer la balise d'ancrage à l'intérieur de la balise DIV et extensible les dimensions de la balise d'ancrage pour adapter la taille de la balise DIV.

Instructions

    • 1

      Ouvrez la source HTML et le fichier de code CSS ci-jointe de la page Web dans différentes fenêtres ou onglets d'un éditeur de texte ou HTML de base tels que le Bloc-notes.

    • 2

      Localisez la DIV requis dans le code HTML. Prenez note de l'identifiant et / ou classes définies pour l'élément DIV.

    • 3



      Placer une balise d'ancrage (lien) dans la balise DIV.

    • 4

      Scannez le fichier CSS pour la partie que les styles de la balise div particulier. Utilisez l'ID ou noms de classe DIV pour trouver le bloc de code.

    • 5


      Copiez le bloc de code CSS que les styles de la DIV et notamment dupliquer le code en le collant juste en dessous de l'original.

    • 6

      Placez le seul caractère "a" entre la DIV id / classe et l'accolade d'ouverture dans le bloc de code copié. Cela va transformer le bloc de code CSS copié à partir de coiffer l'élément DIV en dénommant la balise d'ancrage dans l'élément DIV.

    • 7

      Insérez le "display: d'îlot» de la ligne de code CSS dans le bloc de code nouvellement créé pour la balise d'ancrage.

Conseils Avertissements

  • Balises d'ancrage peuvent être coiffés d'apparaître comme des éléments de niveau bloc ou d'aménagement tels que DIV en utilisant "display: d'îlot" code CSS. Par conséquent, son pas nécessaire pour la balise DIV exister si le but de la DIV est seulement pour définir la zone liable.
  • Logiquement, les éléments DIV ne peuvent pas être faites liens CSS. Toutefois, les balises d'ancrage au sein éléments DIV peuvent être étirés pour remplir la taille de l'élément conteneur.
  • Utilisez frontières CSS en différentes couleurs, à la fois pour la DIV et la balise d'ancrage pendant les tests.
  • Laissez le bloc de code pour l'élément DIV vide afin d'éviter code CSS redondante dans la source. Mais assurez-vous que le code exact existe dans le bloc de code de la balise d'ancrage.
  • Lignes de code CSS se terminent par des points-virgules. Omettre ce, sauf sur une dernière ligne d'un bloc de code, permettra de créer des erreurs inattendues.
  • Des blocs de code CSS sont confinés par des accolades. Parenthèses non fermées ou supplémentaires de clôture accolades peut compromettre non seulement le bloc de code particulier, mais aussi le fichier CSS ensemble.
» » » » Comment faire un div un lien CSS