<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TIMELINE OF WESTERN ART HISTORY</title>
<link href="css/tl_page.css" rel="stylesheet" type="text/css" />
<link href="css/timeline.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="updown.js"></script>
<link href="css/content.css" rel="stylesheet" type="text/css" />
</head>
<body class="tl_page">
<div id="container">
<div id="header">Content for id "header" Goes Here</div>
<div id="tl_ctnr">
<div id="timeline">
<div class="linking" id="eg">
<a href="javascript:;" onmouseup="slidedown('egypt');">ANCIENT EGYPT 3 000 - 30 BC</a></div>
<div class="linking" id="ae">
<a href="javascript:;" onmouseup="slidedown('aegean');">AEGEAN 3 000 - 1100 BC</a></div>
<div class="linking" id="gk">
<a href="javascript:;" onmouseup="slidedown('greek');">ANCIENT GREECE 900 - 30 BC</a></div>
<!--end "timeline" Goes Here --></div>
<!--end "tl_ctnr" --></div>
<div id="content_ctnr">
<div id="egypt" style="display:none;width:800px;height:475px;background-Color:#630;padding:10px">
<div id="header"><div id="topic">Ancient Egypt</div><div id="close"><a href="javascript:;" onmouseup="slideup('egypt');">X</a></div></div>
<div id="dtl_tl"><img src="images/eg/eg_dtltl.gif" width="800" height="119" alt="Detailed Timeline Egypt" /></div>
<div id="menu">
<table width="520" cellspacing="2" cellpadding="0">
<tr>
<td height="45"><img src="images/eg/sp_4.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_1.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_2.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_3.gif" width="127" height="45" class="border menu" /></td>
</tr>
<tr>
<td class="menu">OVERVIEW</td>
<td class="menu">SLIDESHOW<span class="menu"></span></td>
<td class="menu">GLOSSARY</td>
<td class="menu">BIBLIOGRAPHY</td>
</tr>
</table>
</div>
<div id="map"><img src="images/eg/map_eg.gif" width="260" height="260" alt="Egypt Map" /></div>
<div class="border" id="text">
text
</div>
<!--END EGYPT --><br class="clearfloat" /></div>
<div id="aegean" style="display:none;width:780px;height:475px;background-Color:#066;padding:10px">
<div id="topic">Aegean</div>
<div id="close"><input type="button" name="" value="X" onmouseup="slideup('aegean')"/></div>
<div class="border" id="dtl_tl"><img src="images/eg/eg_dtltl.gif" width="780" height="100" /></div>
<div id="go_to">Go to a detailed timeline of the Aegean era</div>
<div id="menu">
<table width="520" cellspacing="2" cellpadding="0">
<tr>
<td height="45"><img src="images/eg/sp_4.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_1.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_2.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_3.gif" width="127" height="45" class="border menu" /></td>
</tr>
<tr>
<td class="menu">OVERVIEW</td>
<td class="menu">SLIDESHOW<span class="menu"></span></td>
<td class="menu">GLOSSARY</td>
<td class="menu">BIBLIOGRAPHY</td>
</tr>
</table>
</div>
<div id="map"><img src="images/map_ae.gif" alt="Aegean map" width="250" height="250" class="border" /></div>
<div class="border" id="text">
text
</div>
<!--END AEGEAN --></div>
<div id="greek" style="display:none;width:780px;height:475px;background-Color:#360;padding:10px">
<div id="topic">Ancient Greece</div>
<div id="close"><input type="button" name="" value="X" onmouseup="slideup('greek')"/></div>
<div class="border" id="dtl_tl"><img src="images/eg/eg_dtltl.gif" width="780" height="100" /></div>
<div id="go_to">Go to a detailed timeline of the Ancient Greek era</div>
<div id="menu">
<table width="520" cellspacing="2" cellpadding="0">
<tr>
<td height="45"><img src="images/eg/sp_4.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_1.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_2.gif" width="127" height="45" class="border menu" /></td>
<td><img src="images/eg/sp_3.gif" width="127" height="45" class="border menu" /></td>
</tr>
<tr>
<td class="menu">OVERVIEW</td>
<td class="menu">SLIDESHOW<span class="menu"></span></td>
<td class="menu">GLOSSARY</td>
<td class="menu">BIBLIOGRAPHY</td>
</tr>
</table>
</div>
<div id="map"><img src="images/map_gk.gif" alt="Greek map" width="250" height="250" class="border" /></div>
<div class="border" id="text">
text
</div>
<!--END greek --></div>
<!--end "content_ctnr" Goes Here --></div>
<br class="clearfloat" /><!--end"container" --></div>
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks