Вроде как-то так:
Код:
<html>
<head>
<title>DVD Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<!-- ImageReady Preload Script (index.psd) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_page_over = newImage("images/home-page-over.jpg");
new_products_over = newImage("images/new-products-over.jpg");
specials_over = newImage("images/specials-over.jpg");
my_account_over = newImage("images/my-account-over.jpg");
contact_us_over = newImage("images/contact-us-over.jpg");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
<link href="css/styles.css" rel="stylesheet" type="text/css">
</head>
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<table width="775" height="821" border="0" cellpadding="0" cellspacing="0" class="frame" id="Table_01">
<tr>
<td rowspan="15">
<img src="images/main.jpg" width="20" height="293" alt=""></td>
<td colspan="13" rowspan="3">
<img src="images/main-03.jpg" width="453" height="51" alt=""></td>
<td width="148" height="21" colspan="13" align="left" valign="middle" background="images/b_language.jpg" class="text1" >Choose your language:</td>
<td width="134" height="21" colspan="7" align="left" valign="middle" background="images/b_currencies1.jpg" class="text1" >Currencies</td>
<td rowspan="15">
<img src="images/main-06.jpg" width="20" height="293" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="#"
onmouseover="window.status='english'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/english.jpg" width="26" height="20" border="0" alt="english"></a></td>
<td>
<img src="images/main-08.jpg" width="14" height="20" alt=""></td>
<td colspan="2">
<a href="#"
onmouseover="window.status='german'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/german.jpg" width="26" height="20" border="0" alt="german"></a></td>
<td>
<img src="images/main-10.jpg" width="14" height="20" alt=""></td>
<td colspan="3">
<a href="#"
onmouseover="window.status='spanish'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/spanish.jpg" width="26" height="20" border="0" alt="spanish"></a></td>
<td colspan="3">
<img src="images/main-12.jpg" width="42" height="20" alt=""></td>
<td width="134" height="30" colspan="7" rowspan="2" align="left" valign="top" background="images/b_currencies2.jpg" ><select name="select" class="text7" style="width:120px">
<option>US Dollar</option>
<option>Euro</option>
</select></td>
</tr>
<tr>
<td colspan="13">
<img src="images/main-14.jpg" width="148" height="10" alt=""></td>
</tr>
<tr>
<td colspan="27">
<img src="images/main-15.jpg" width="611" height="45" alt=""></td>
<td width="124" height="45" colspan="6" align="left" valign="middle" background="images/b_cart.jpg" class="text2" style="padding-top:10px"><span class="text3">Shopping Cart:</span> 0 items</td>
</tr>
<tr>
<td colspan="3">
<img src="images/main-17.jpg" width="197" height="18" alt=""></td>
<td colspan="30" rowspan="11">
<img src="images/main-18.jpg" width="538" height="197" alt=""></td>
</tr>
<tr>
<td rowspan="10">
<img src="images/main-19.jpg" width="14" height="179" alt=""></td>
<td colspan="2">
<a href="index.html"
onmouseover="window.status='home page'; changeImages('home_page', 'images/home-page-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('home_page', 'images/home-page.jpg'); return true;"
onmousedown="changeImages('home_page', 'images/home-page-over.jpg'); return true;"
onmouseup="changeImages('home_page', 'images/home-page-over.jpg'); return true;">
<img name="home_page" src="images/home-page.jpg" width="183" height="26" border="0" alt="home page"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-22.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="new.html"
onmouseover="window.status='new products'; changeImages('new_products', 'images/new-products-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('new_products', 'images/new-products.jpg'); return true;"
onmousedown="changeImages('new_products', 'images/new-products-over.jpg'); return true;"
onmouseup="changeImages('new_products', 'images/new-products-over.jpg'); return true;">
<img name="new_products" src="images/new-products.jpg" width="183" height="26" border="0" alt="new products"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-25.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="specials.html"
onmouseover="window.status='specials'; changeImages('specials', 'images/specials-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('specials', 'images/specials.jpg'); return true;"
onmousedown="changeImages('specials', 'images/specials-over.jpg'); return true;"
onmouseup="changeImages('specials', 'images/specials-over.jpg'); return true;">
<img name="specials" src="images/specials.jpg" width="183" height="26" border="0" alt="specials"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-28.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="account.html"
onmouseover="window.status='my account'; changeImages('my_account', 'images/my-account-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('my_account', 'images/my-account.jpg'); return true;"
onmousedown="changeImages('my_account', 'images/my-account-over.jpg'); return true;"
onmouseup="changeImages('my_account', 'images/my-account-over.jpg'); return true;">
<img name="my_account" src="images/my-account.jpg" width="183" height="26" border="0" alt="my account"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-31.jpg" width="183" height="5" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="contact.html"
onmouseover="window.status='contact us'; changeImages('contact_us', 'images/contact-us-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('contact_us', 'images/contact-us.jpg'); return true;"
onmousedown="changeImages('contact_us', 'images/contact-us-over.jpg'); return true;"
onmouseup="changeImages('contact_us', 'images/contact-us-over.jpg'); return true;">
<img name="contact_us" src="images/contact-us.jpg" width="183" height="26" border="0" alt="contact us"></a></td>
</tr>
<tr>
<td colspan="2">
<img src="images/main-34.jpg" width="183" height="29" alt=""></td>
</tr>
<tr>
<td width="20" height="440" rowspan="2"></td>
<td width="197" height="35" colspan="3" align="left" valign="middle" bgcolor="#D0E55A" class="text4" style="padding-left:34px">Browse by category</td>
<td colspan="6">
<img src="images/main-35.jpg" width="151" height="35" alt=""></td>
<td width="287" height="35" colspan="19" align="left" valign="middle" bgcolor="#D0E55A" class="text4">Featured DVD’s</td>
<td width="51" height="35" colspan="2" align="left" valign="middle" bgcolor="#D0E55A"><a href="#" class="b">browse all</a></td>
<td colspan="3">
<img src="images/browse.jpg" width="49" height="35" alt=""></td>
<td width="20" height="440" rowspan="2"></td>
</tr>
<tr>
<td colspan="2">
<img src="images/categories.jpg" width="34" height="405" alt=""></td>
<td width="163" height="405" align="left" valign="top" background="images/b_categories.jpg" style="line-height:18px; padding-top:11px" ><a href="#" class="a">Action</a><br>
<a href="#" class="a">Adult</a><br>
<a href="#" class="a">Adventure</a><br>
<a href="#" class="a">Animated</a><br>
<a href="#" class="a">Classic</a><br>
<a href="#" class="a">Comedy</a><br>
<a href="#" class="a">Crime/Mystery</a><br>
<a href="#" class="a">Documentary</a><br>
<a href="#" class="a">Drama</a><br>
<a href="#" class="a">Family & Children</a><br>
<a href="#" class="a">Horror</a><br>
<a href="#" class="a">Music</a><br>
<a href="#" class="a">Musical</a><br>
<a href="#" class="a">Opera/Classical</a><br>
<a href="#" class="a">Romance</a><br>
<a href="#" class="a">Sci-Fi/Fantasy</a><br>
<a href="#" class="a">Sport</a><br>
<a href="#" class="a">Thriller</a><br>
<a href="#" class="a">TV Series</a><br>
<a href="#" class="a">War</a><br>
<a href="#" class="a">Western</a></td>
<td colspan = "30" align="center" valign="middle">Таблица</td>
</tr>
<tr>
<td colspan="35">
<img src="images/main-61.jpg" width="775" height="11" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/main-62.jpg" width="260" height="76" alt=""></td>
<td width="515" height="76" colspan="29" background="images/b_links.jpg" class="text7" ><a href="specials.html">SPECIALS</a> | <a href="search.html" class="text7">SITE SEARCH</a> | <a href="contact.html">CONTACT US</a> | <a href="create.html">CREATE AN ACCOUNT</a> | <a href="login.html">CUSTOMER LOGIN</a><br>
Copyright © Your Company Name</td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="163" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="24" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</center>
</html>