To create a table based on our favorite thing was somewhat challenging since at first I couldn’t even remember how to start one. I started searching and starting building the code. The next challenging thing was to pick 10 things out of the many favorites that I have. Topics and lists for different “my favorite lists”

I was checking the class blog and see that when I open Mohammed’s link his pictures do not come up. I’m having the same issue as well. I think it’s because I saved my pictures and gif’s to my hard drive as opposed from typing out the image link in the code. I’m assuming that because the only thing that appears when you open it is the Youtube video and that’s a link. Maybe he also saved the content to his computer or hard drive. So the layout is here, but the pictures aren’t: tablesfav

 

Here is the code i used:

<!DOCTYPE hmtl>
<html>
<head>
<style>
body{
background-color: lightgrey; color:orchid; font-family: cursive;”>
}
td {
text-align: center;
}
</style>

<title> Table Fun </title>
</head>
<body>
<br>
<table border=”0″; width=”100%”;>
<thead>

<tr>
<th> Favorite Bands </th>
<th> Favorite Food </th>
<th> Favorite Movies </th>
</tr>
</thead>

<td> The Cure</td>
<td> Penne A La Vodka</td>
<td> The Nightmare Before Christmas</td>
<tr>
<td style=”text-align:center;”><img src=”thecure.jpg” alt=”The Cure” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”pennealavodka.jpg” alt=”Penne A’Vodka” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”thenightmarebefore.jpg” alt=” The Nightmare Before Christmas” height=”400 ” width=” 324″></td>
</tr>
<td>Blink 182 </td>
<td>Supreme Pizza</td>
<td>Aladdin</td>
</tr>
<td style=”text-align:center;”><img src=”blink.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”pizza.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”aladdin.gif” height=”400 ” width=” 324″></td>
</tr>
<td>Never Shout Never </td>
<td>Chicken Pad Thai </td>
<td>Beauty And The Beast</td>
</tr>

<td style=”text-align:center;”><img src=”nsn.jpg” alt=”NSN” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”padthai.jpg” alt=”Pad Thai” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”beauty.jpg” alt=”Beauty and The Beast” height=”400 ” width=” 324″> </td>
</tr>

<td>Def Leppard </td>
<td>Spaghetti And Meatballs</td>
<td>Cinderella</td>
</tr>

<td style=”text-align:center;”><img src=”deff.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”spaghetti.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”cinderella.gif” height=”400 ” width=” 324″></td>
</tr>

<td>Led Zeppelin </td>
<td>Pepper Steak</td>
<td>Snow White</td>
</tr>
<td style=”text-align:center;”><img src=”zeppelin.jpg” alt=”Led Zeppelin” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”pepper.jpg” alt=”Pepper Steak” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”snowwhite.jpg” alt=”Snow White” height=”400 ” width=” 324″> </td>
</tr>

<td>The Ramones </td>
<td> Hamburger </td>
<td>The Little Mermaid</td>

</tr>
<td style=”text-align:center;”><img src=”ramones.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”hamburger.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”mermaid.gif” height=”400 ” width=” 324″></td>
</tr>

<td> Journey </td>
<td>Buffalo Wings</td>
<td>Peter Pan</td>
</tr>
<td style=”text-align:center;”><img src=”journey.jpg” alt=”Journey” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”buffalowings.jpg” alt=”Buffalo Wings” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”peterpan.jpg” alt=”Peter Pan” height=”400 ” width=” 324″> </td>
</tr>
<td> The Academy Is… </td>
<td>Philly Cheese Steak</td>
<td>Finding Nemo</td>
</tr>

<td style=”text-align:center;”><img src=”theacademyis.jpg” alt=”The Academys Is” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”philly.jpg” alt=”Philly Cheese Cake” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”nemo.jpg” alt=”Finding Nemo” height=”400 ” width=” 324″> </td>
</tr>

<td>Tokio Hotel </td>
<td> California Roll </td>
<td>Alice In Wonderland</td>

</tr>

<td style=”text-align:center;”><img src=”tokiohotel.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”californiaroll.gif” height=”400 ” width=” 324″></td>
<td style=”text-align:center;”><img src=”alice.gif” height=”400 ” width=” 324″></td>
</tr>

<td> No Doubt </td>
<td>Mac and Cheese </td>
<td>UP </td>
</tr>

<td style=”text-align:center;”><img src=”doubt.jpg” alt=” No Doubt” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”mac.jpg” alt=”Mac and Cheese” height=”400 ” width=” 324″> </td>
<td style=”text-align:center;”><img src=”up.jpg” alt=”Finding Nemo” height=”400 ” width=” 324″> </td>
</tr>

</table>
</body>
</html>

css.php