Three Stooges – HTML Code

Click Here to view the Page this code generates.

 

index.html

<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<title>The Three Stooges</title>
</head>
<body>
 
<table class="auto-center">
	<tr>
		<td colspan="3">
			<h1>The Three Stooges</h1>
			<img class="main-image" src="images/main_stooges.jpg">
		</td>
	</tr>
	<tr>
		<td colspan="3">
			<p class="body-left">The Three Stooges were an American vaudeville and comedy act of the mid-20th century (1930-1975) best known for their numerous short subject films, still syndicated to television. Their hallmark was physical farce and slapstick. In films, the Stooges were commonly known by their first names: "Moe, Larry, and Curly" or "Moe, Larry, and Shemp", among other lineups depending on the films; there were six active stooges, five of whom performed in the shorts. Moe and Larry were always present until the very last years of the ensemble's forty-plus-year run.</p>
			<p class="body-left">In 1934, the trio - now officially named "The Three Stooges" - signed on to appear in two-reel comedy short subjects for Columbia Pictures. In Moe's autobiography, he said they each got $600 per week on a one-year contract with a renewable option; in the Ted Okuda-Edward Watz book The Columbia Comedy Shorts, the Stooges are said to have received $1,000 among them for their first Columbia effort, Woman Haters, and then signed a term contract for $7,500 per film (equal to $132,220 today), to be divided among the trio.</p>
		</td>
	</tr>
	<tr>
		<td><img class="table-image" src="images/MoeHoward.jpg"></td>
		<td><img class="table-image" src="images/LarryFine.jpg"></td>
		<td><img class="table-image" src="images/CurlyHoward.jpg"></td>
	</tr>
	<tr>
		<td><p class="name">Moe Howard</p></td>
		<td><p class="name">Larry Fine</p></td>
		<td><p class="name">Curly Howard</p></td>
	</tr>
	<tr>
		<td><p class="body-center">Real Name: Moses Harry Horwitz<br>
			Born: June 19, 1897<br>
			Died: May 4, 1975 (aged 77)<br>
			Cause of death: Lung cancer<br>
			Stooge years: 1921-1969</p></td>
		<td><p class="body-center">Real Name: Louis Feinberg<br>
			Born: October 5, 1902<br>
			Died: January 24, 1975 (aged 72)<br>
			Cause of death: Stroke<br>
			Stooge years: 1925-1969</p></td>
		<td><p class="body-center">Real Name: Jerome Lester Horwitz<br>
			Born: October 22, 1903<br>
			Died: January 18, 1952 (aged 48)<br>
			Cause of death: Cerebral hemorrhage<br>
			Stooge years: 1932-1946</p></td>
	</tr>
	<tr>
		<td colspan="3"><hr></td>
	</tr>
	<tr>
		<td colspan="3"><p class=body-left>Over half a century since their last short film was released, the Three Stooges remain wildly popular with audiences. Their films have never left the television airwaves since first appearing in 1958, and they continue to delight old fans while attracting new legions of fervent admirers. A hard-working group of working-class comedians who were never the critics' darlings, the durable act endured several personnel changes in their careers which would have permanently sidelined a less-persistent act.</p>
	</tr>
	<tr>
		<td></td>
		<td><p class="list-header">A Few Feature Films:</p>
		<ul class="left">
			<li>Fugitive Lovers</li>								
			<li>Start Cheering</li>		
			<li>Time Out for Rhythm</li>						
			<li>Rockin' in the Rockies</li>	
			<li>Swing Parade of 1946</li>			
			<li>Gold Raiders</li>
			<li>Have Rocket, Will Travel</li>
		</ul>
		</td>
		<td class="align-link"><p class="body-left">Click Here to Visit the Three Stooges Website<br><a href="http://www.threestooges.com" target="_blank" rel="noopener noreferrer">http://www.threestooges.com</a><p></td>
	</tr>
</table>
 
</body>
</html>

style.css

@charset "UTF-8";
 
body {
	margin-left: 100px;
	margin-right: 100px;
	background-color: #ffb302;
}
 
h1 {
	text-align: center;
	font-size: 40px;
	font-family: "Arial";
	color: #ec5a2f;
	padding-top: 20px;
}
 
table td {
	border: 0px solid black;
	padding: 10px;
}
 
table {
	width: 1000px;
	background-color: white;
}
 
td {
	text-align: center;
}
 
td.align-link{
	vertical-align:bottom;text-align:center;
	padding: 20px;
}
 
img.main-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
}
 
img.table-image {
    padding-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 375px;
}
 
p.name {
	font: italic bold 16px Georgia, serif;
	color: #ec5a2f
}
 
p.list-header {
	margin-top: 20px;
	font: bold 16px Arial Black, serif;
	color: #ec5a2f;
	text-align: left;
}
p.body-left {
	font: 11px Arial, serif;
	text-align: left;
}
p.body-center {
	font: 11px Arial, serif;
	text-align: center;
}
 
.auto-center {
    margin-left:auto; 
    margin-right:auto;
}
 
ul.left {
	text-align: left;
}
 
li {
	margin-left: 25px;
}