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

PHP

Posted by Casey Runnells
Casey Runnells
Courses Plus Student 5,765 Points

Understanding Whitespace Code Issue

Hi all,

Something in my code below is causing the the shirt images from the PHP lesson Understanding Whitespace to format improperly. Where's my error at? Did I make a mistake when concatenating $product img and $product name?

$products[101] = array(
    "name" => "Logo Shirt, Red",
    "img" => "img/shirts/shirt-101.jpg",
    "price" => 18   
);
$products[102] = array(
    "name" => "Mike the Frog Shirt, Black",
    "img" => "img/shirts/shirt-102.jpg",
    "price" => 20
);
$products[103] = array(
    "name" => "Mike the Frog Shirt, Blue",
    "img" => "img/shirts/shirt-103.jpg",    
    "price" => 20
);
$products[104] = array(
    "name" => "Logo Shirt, Green",
    "img" => "img/shirts/shirt-104.jpg",    
    "price" => 18
);
$products[105] = array(
    "name" => "Mike the Frog Shirt, Yellow",
    "img" => "img/shirts/shirt-105.jpg",    
    "price" => 25
);
$products[106] = array(
    "name" => "Logo Shirt, Gray",
    "img" => "img/shirts/shirt-106.jpg",    
    "price" => 20
);
$products[107] = array(
    "name" => "Logo Shirt, Turquoise",
    "img" => "img/shirts/shirt-107.jpg",    
    "price" => 20
);
$products[108] = array(
    "name" => "Logo Shirt, Orange",
    "img" => "img/shirts/shirt-108.jpg",    
    "price" => 25,
);

?><?php $pageTitle = "Mike's Full Catalog of Shirts"; 
$section = "shirts"; 
include('inc/header.php'); ?>

    <div class="section shirts page">

        <div class="wrapper">

            <h1>Mike&rsquo;s Full Catalog of Shirts</h1>

            <ul class="products">
                <?php foreach($products as $product) {
                        echo "<li";
                        echo '<a href="#">';
                        echo '<img src="' . $product["img"] . '" alt="' . $product["name"] . '">';
                        echo "<p>View Details</p>";
                        echo "</a>";
                        echo "</li";
                    } 
                ?>
            </ul>

        </div>

    </div>




<?php include('inc/footer.php'); ?>```

2 Answers

Ben Rubin
PLUS
Ben Rubin
Courses Plus Student 14,658 Points
Ben Rubin
Ben Rubin
Courses Plus Student 14,658 Points

You're missing the closing > for your start and end <li> tags.

Casey Runnells
Casey Runnells
Courses Plus Student 5,765 Points

Hey Ben, i'm not quite following... where at?

Ben Rubin
Ben Rubin
Courses Plus Student 14,658 Points

You've got 

echo "<li";
...
echo "</li";

It should be 

echo "<li>";
...
echo "</li>";

Mark's comment about the extra comma is also a problem in the code.

banned banned
PLUS
banned banned
Courses Plus Student 11,243 Points
banned banned
banned banned
Courses Plus Student 11,243 Points 
$products[108] = array(
    "name" => "Logo Shirt, Orange",
    "img" => "img/shirts/shirt-108.jpg",    
    "price" => 25, // Remove the ","
);