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

General Discussion

Posted by Philip Harper
Philip Harper
10,033 Points

Introducing Headers

I'm confused as to why this hasn't worked? — I just get a raw looking HTML file with no styling and large images?

I've checked my code in header.php

<html>
<head>
    <title><?php echo "Shirts 4 Mike"; ?></title>
    <link rel="stylesheet" href="/css/style.css" type="text/css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,700" type="text/css">
    <link rel="shortcut icon" href="favicon.ico">
</head>
<body>

    <div class="header">

        <div class="wrapper">

            <h1 class="branding-title"><a href="./">Shirts 4 Mike</a></h1>

            <ul class="nav">
                <li class="shirts"><a href="#">Shirts</a></li>
                <li class="contact"><a href="contact.php">Contact</a></li>
                <li class="cart"><a href="#">Shopping Cart</a></li>
            </ul>

        </div>

    </div>

    <div id="content">

------—————————

and in index.php

<?php include('includes/header.php'); ?>

        <div class="section banner">

            <div class="wrapper">

                <img class="hero" src="img/mike-the-frog.png" alt="Mike the Frog says:">
                <div class="button">
                    <a href="#">
                        <h2>Hey, I&rsquo;m Mike!</h2>
                        <p>Check Out My Shirts</p>
                    </a>
                </div>
            </div>

        </div>

        <div class="section shirts latest">

            <div class="wrapper">

                <h2>Mike&rsquo;s Latest Shirts</h2>

                <ul class="products">
                    <li><a href="#">
                            <img src="img/shirts/shirt-108.jpg">
                            <p>View Details</p>
                        </a>
                    </li><li>
                        <a href="#">
                            <img src="img/shirts/shirt-107.jpg">
                            <p>View Details</p>
                        </a>
                    </li><li>
                        <a href="#">
                            <img src="img/shirts/shirt-106.jpg">
                            <p>View Details</p>
                        </a>
                    </li><li>
                        <a href="#">
                            <img src="img/shirts/shirt-105.jpg">
                            <p>View Details</p>
                        </a>
                    </li>                               
                </ul>

            </div>

        </div>

    </div>

    <div class="footer">

        <div class="wrapper">

            <ul>        
                <li><a href="http://twitter.com/treehouse">Twitter</a></li>
                <li><a href="https://www.facebook.com/TeamTreehouse">Facebook</a></li>
            </ul>

            <p>&copy;2012 - <?php echo date ('Y');?>  Shirts 4 Mike </p>

        </div>

    </div>

</body>
</html>

—————————————————————————————————

I dunno? I'm puzzled?

Thanks for your help!

Philip

2 Answers

Andrew Dushane
Andrew Dushane
9,264 Points
Andrew Dushane
Andrew Dushane
9,264 Points

Your header.php is missing the !DOCTYPE, <head> element, css links etc.

Philip Harper
Philip Harper
10,033 Points

Thanks for your reply. What you say does make sense. Although, in the video we're asked to copy from ...

<html>

all the through to

<div id="content">

and this goes in to the header.php file

<!DOCTYPE> etc doesn't get a mention? I'm confused!

Thanks again

Philip Harper
Philip Harper
10,033 Points
Philip Harper
Philip Harper
10,033 Points

Thanks for your reply. What you say does make sense. Although, in the video we're asked to copy from ...

<html>

all the through to

<div id="content">

and this goes in to the header.php file

<!DOCTYPE> etc doesn't get a mention? I'm confused!

Thanks again

WTF? why does this forum display the code?!

one more time.

< html > all the way through to < div id="content">