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! While you're at it, check out some resources Treehouse students have shared here.
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
Shawna Warren
1,136 PointsHow 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>
4 Answers
John Steer-Fowler
Courses Plus Student 11,734 PointsI 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
Shawna Warren
1,136 Pointsthank you
John Shockey
45,061 PointsHi 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
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>© 2016 Shawna Warren.</p>
</footer>
</div>
</body>
</html>
Reformatted by Moderator
Jeremy Hill
29,567 PointsI'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?
John Steer-Fowler
Courses Plus Student 11,734 PointsThats the only thing I can see too
Jeremy Hill
29,567 PointsKind 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
Courses Plus Student 11,734 PointsI 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
Courses Plus Student 11,734 PointsHi 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
1,136 Pointsunless there are supposed to be another set of header and body closures i'm seeing the header and body closed.
John Steer-Fowler
Courses Plus Student 11,734 PointsYep, can see your full code now, thank you.
Jeremy Hill
29,567 PointsJeremy Hill
29,567 PointsCan you paste your entire code? Do you know how to format your code on here?