Coding from the div tag shows up on the rendered HTML page

Cybermaniac · July 26th, 2010, 07:24 AM

In Chapter 2, Item 19: "Verify that your code matches the following."

I'm using Visual Studio 2010 Professional to develop the websites.

I have verified that the code is correct, but the text <div class="header"> renders on the HTML page when displayed. This is also true of <div class="sidebar"> and <div class="contents">.

Is anyone else having this problem?

Thanks.

chroniclemaster1 · July 26th, 2010, 12:50 PM

I don't have a copy of the book, but unless you have a runat="server" attribute on particular tags, they pretty much won't be processed and will simply be rendered to the outgoing HTTP response exactly as you have them typed.

Toi B Wright · July 29th, 2010, 12:08 PM

Please create a new page by selecting the HTML Page template from the Add New Item dialog box named Cheese.htm and replace all of the code with the following code.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Cheese Sandwich</title>
</head>
<body>
    <div class="header">
        <img src="SuperEasyRecipesLogo.gif" alt="Super Easy Recipes" />
    </div>
    <div class="sidebar">
    <h2>Tools</h2>
        <ol>
            <li>Saucepan</li>
            <li>Spatula</li>
        </ol>
    </div>
    <div class="content">
    <h1>Grilled Cheese Sandwich</h1>
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>Prep Time:
                </td>
                 <td>Cook Time:
                </td>
                 <td>Ready In:
                </td>
            </tr>
            <tr>
                <td>5 Min
                </td>
                 <td>15 Min
                </td>
                 <td>20 Min
                </td>
            </tr>
        </table>
       <h2>Ingredients</h2>
       <ul>
            <li>2 slices of bread</li>
            <li>2 slices of American cheese</li>
            <li>Butter</li>
        </ul>
        <h2>
            Directions</h2>
        <p>
            Preheat skillet over medium heat.
        </p>
        <p>
            Generously butter one side of a slice of bread and add 2 slices of cheese. Generously
            butter both sides of the other piece of bread and add it to the top. Place bread
            butter-side-down onto the skillet bottom and butter the top piece of bread.
        </p>
        <p>
            Grill until lightly browned on both sides. Serve immediately.
        </p>
    </div>
</body>
</html>

lapa456 · August 2nd, 2010, 06:46 AM

always something new here

Toi B Wright · August 12th, 2010, 05:41 PM

The download page now includes the solutions to all of the lessons.