0
votes

Comment faire un lien HTML mise au point sur le texte

Je ne peux pas obtenir le lien pour apparaître uniquement sur le texte "TJ" en haut, il apparaît toujours à droite tout au long de l'en-tête. Quelqu'un peut-il aider? J'ai essayé de changer l'en-tête1 en un paragraphe, mais cela n'a pas aidé. Je suis nouveau dans HTML et CSS, donc si quelqu'un pouvait aider cela serait très apprécié.

<header>
  <div class=T opRow>
    <a href="https://www.google.com">
      <h1>
        Tj
      </h1>
    </a>
  </div>
</header>
<div class='Image1Nav'>
  <a href="https://www.google.com">
    <img class="Image1" src="Images/noimg.jpg" alt="noimg.jpg">
  </a>
  <p>
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident quidem magni impedit totam esse sapiente, molestias exercitationem tenetur nihil libero, consectetur perferendis illum placeat hic. Ipsum rem incidunt omnis sed.
  </p>
</div>

html css header

0 commentaires

3 Réponses :

1
votes

Pour obtenir un lien à l'intérieur d'une balise H1, essayez de mettre l'ancre dans votre étiquette H1. xxx

0 commentaires

0
votes

Déplacement de la balise code> A code> à l'intérieur du H1 code> Tag corrige votre problème comme: xxx pré>

p>


<!DOCTYPE html>
<html>
    <link rel="stylesheet" href="CSS/style.css">
<head>
        <title>TJ</title>
</head>
<body>
    <header>
        <div class = TopRow>
        
        <h1>
        <a href="https://www.google.com">
        Tj
        </a>
        </h1>
        </div>
    </header>
    <div class = 'Image1Nav'>
        <a href="https://www.google.com">
        <img class="Image1" src="Images/noimg.jpg" alt="noimg.jpg">
        </a>
        <p>
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident quidem magni impedit totam esse sapiente, molestias exercitationem tenetur nihil libero, consectetur perferendis illum placeat hic. Ipsum rem incidunt omnis sed.
        </p>
    </div>
</body>
</html>

0 commentaires

0
votes

déplacer votre étiquette A code> dans la balise code> H1 code> de l'autre solution résoudrait ce problème, Comme:

p>



<!DOCTYPE html>
<html>
    <link rel="stylesheet" href="CSS/style.css">
<head>
        <title>TJ</title>
</head>
<body>
    <header>
        <div class = TopRow>
        <h1>
           <a href="https://www.google.com">Tj</a>
        </h1>
        <!-- edits made above -->
        </div>
    </header>
    <div class = 'Image1Nav'>
        <a href="https://www.google.com">
        <img class="Image1" src="Images/noimg.jpg" alt="noimg.jpg">
        </a>
        <p>
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Provident quidem magni impedit totam esse sapiente, molestias exercitationem tenetur nihil libero, consectetur perferendis illum placeat hic. Ipsum rem incidunt omnis sed.
        </p>
    </div>
</body>
</html>

0 commentaires