Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Shawna Warren
Shawna Warren
1,136 Points
Posted by Shawna Warren
Shawna Warren
1,136 Points

How to make a website: H2 header not showing

Hi, For some reason my h2 header isn't showing. I can't remember if it ever showed or if it just somehow went missing at one point in time. Any ideas? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Shawna Warren | Test Portfolio</title> <link rel="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Shawna Warren</h1> <h2> My Test Portfolio</h2> </a>

Jeremy Hill
Jeremy Hill
29,567 Points

Can you paste your entire code? Do you know how to format your code on here?

4 Answers

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points
John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points

I just tested your raw html in my code editor. It works fine and I can see your h2.

Therefore, it is either your css that is causing it to disappear or your browser

John Shockey
John Shockey
45,061 Points
John Shockey
John Shockey
45,061 Points

Hi Shawna,

The only thing I noticed is that your header, body, and html tags were not closed. When I closed them everything works fine.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title>Shawna Warren | Test Portfolio</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <header>
        <a href="index.html" id="logo">
            <h1>Shawna Warren</h1>
            <h2> My Test Portfolio</h2>
        </a>
    </header>
</body>
</html>
Shawna Warren
Shawna Warren
1,136 Points
Shawna Warren
Shawna Warren
1,136 Points 
<!DOCTYPE html>
<html>
  <head>
     <meta charset="utf-8">
     <title>Shawna Warren | Test Portfolio</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">    
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
      <h1>Shawna Warren</h1>
      <h2> My Test Portfolio</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">Porfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul id="gallery">
        <ul>
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt"">
              <p>Experimentation with color and texture.</p>
              </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt"">
              <p>Playing with blending modes in Photoshop.</p>
              </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt"">
              <p>Trying to create an 80's style of glows.</p>
              </a>
          </li>
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt"">
              <p>Drips created using Photoshop brushes.</p>
              </a>
          </li>
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt"">
              <p>Creating shapes using repetition.</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
         <a href="http://twitter.com/Evrythngshawna"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
         <p>&copy; 2016 Shawna Warren.</p>
      </footer>
    </div>
  </body>
</html>

Reformatted by Moderator

Jeremy Hill
Jeremy Hill
29,567 Points

I'm having trouble finding anything wrong with your code. Have you tried doing your h1 and h2 in two separate anchors to see if that would help?

Jeremy Hill
Jeremy Hill
29,567 Points

Kind of like this:

<a href="index.html" id="logo">
      <h1>Shawna Warren</h1></a>
<a href="index.html" id="logo">
      <h2>My Test Portfolio</h2></a>
John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points
John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points

I don't think this will affect your h2, but you need to change the alt tags:

<img src="img/numbers-01.jpg" alt"">

to this

<img src="img/numbers-01.jpg" alt="">
John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points
John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Shawna,

Is this all of your code?

If so, you should be closing out the <body> and <header> tags.

If not, then please post the rest of your code :D

Shawna Warren
Shawna Warren
1,136 Points
Shawna Warren
Shawna Warren
1,136 Points

unless there are supposed to be another set of header and body closures i'm seeing the header and body closed.