Hey everyone,
I am learning web design from the ground up. There is this tutorial that I'm doing out of this book I bought and I am suppose to make a dinner menu. The problem is the alignment. I followed all the directions, and everything align correctly except the "Main Course' section. The main course section should align with the "Appetizer" section, but it is slightly indented forward. Here the html code:
<html>
<head><title>Black Goose Bistro Summer Menu</title></head>
<body>
<div id= "header">
<h1>Black Goose Bistro • Summer Menu</h1>
<p>Baker's Corner Seekonk, Massachusetts <br />Hours: M-T: 11 to 9, F-S; 11 to
midnight</p>
</div>
<div id="appetizers">
<h2>Appetizers</h2>
<dl>
<dt>Black bean purses</dt>
<dd>Spicy black bean and a blend of mexican cheeses wrapped in sheets of
phyllo and baked until golden. <span class="price">$3.95</span></dd>
<dt>Southwestern napoleons with lump crab — new item!</dt>
<dd>Layers of light lump crab meat, bean and corn salsa, and our handmade
flour tortillas. <span class="price>$7.95</span></dd>
</dl>
</div>
<div id="main">
<h2>Main courses</h2>
<dl>
<dt>Shrimp sate kebabs with peanut sauce</dt>
<dd>Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then
grilled to perfection. Served with spicy peanut sauce and jasmine
rice. <span class="price">$12.95</span></dd>
<dt>Grilled skirt steak with mushroom fricasee</dt>
<dd>Flavorful skirt steak marinated in asian flavors grilled as you like
it<sup>*</sup>. Served over a blend of sauteed wild mushrooms with a side of blue
cheese mashed potatoes. <span class="price">$16.95</span></dd>
<dt calss="newitem">Jerk rotisserie chicken with fried plantains — <strong>new item!</strong></dt>
<dd>Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served with fried plantains and fresh mango.
<span class="price">$12.95</span></dd>
</dl>
</div>
<div id="warnings">
<p class="footnote"><sup>*</sup>We are required to warn you that undercooked food is a health risk.</p>
</div>
</body>
</html>
I checked the answers in the back of the book, and everything I wrote seems to be correct. I need the "Main course" section to align to the left under the "Appetizer' section. A little help please.
Thank you.
I am learning web design from the ground up. There is this tutorial that I'm doing out of this book I bought and I am suppose to make a dinner menu. The problem is the alignment. I followed all the directions, and everything align correctly except the "Main Course' section. The main course section should align with the "Appetizer" section, but it is slightly indented forward. Here the html code:
<html>
<head><title>Black Goose Bistro Summer Menu</title></head>
<body>
<div id= "header">
<h1>Black Goose Bistro • Summer Menu</h1>
<p>Baker's Corner Seekonk, Massachusetts <br />Hours: M-T: 11 to 9, F-S; 11 to
midnight</p>
</div>
<div id="appetizers">
<h2>Appetizers</h2>
<dl>
<dt>Black bean purses</dt>
<dd>Spicy black bean and a blend of mexican cheeses wrapped in sheets of
phyllo and baked until golden. <span class="price">$3.95</span></dd>
<dt>Southwestern napoleons with lump crab — new item!</dt>
<dd>Layers of light lump crab meat, bean and corn salsa, and our handmade
flour tortillas. <span class="price>$7.95</span></dd>
</dl>
</div>
<div id="main">
<h2>Main courses</h2>
<dl>
<dt>Shrimp sate kebabs with peanut sauce</dt>
<dd>Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then
grilled to perfection. Served with spicy peanut sauce and jasmine
rice. <span class="price">$12.95</span></dd>
<dt>Grilled skirt steak with mushroom fricasee</dt>
<dd>Flavorful skirt steak marinated in asian flavors grilled as you like
it<sup>*</sup>. Served over a blend of sauteed wild mushrooms with a side of blue
cheese mashed potatoes. <span class="price">$16.95</span></dd>
<dt calss="newitem">Jerk rotisserie chicken with fried plantains — <strong>new item!</strong></dt>
<dd>Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served with fried plantains and fresh mango.
<span class="price">$12.95</span></dd>
</dl>
</div>
<div id="warnings">
<p class="footnote"><sup>*</sup>We are required to warn you that undercooked food is a health risk.</p>
</div>
</body>
</html>
I checked the answers in the back of the book, and everything I wrote seems to be correct. I need the "Main course" section to align to the left under the "Appetizer' section. A little help please.
Thank you.