Of course you do realise that more or less the same page can be achieved with a fraction of the HTML by using CSS
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #93b6ff;
}
.style14 {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style15 {font-size: 11pt; font-weight: bold; }
.style21 {font-size: 18px}
.style22 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
body,td,th {
color: #4040FF;
}
a:link {
color: #4040FF;
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #4040FF;
}
a:hover {
text-decoration: none;
color: #EB910A;
}
a:active {
text-decoration: underline;
color: #4040FF;
}
#Dialog {
width: 800px;
height: 288px;
margin: 0 auto;
padding-top: 1px;
background-image: url(template_files/middle.gif);
background-repeat: repeat-y;
}
#Dialog p {
margin: 6em 100px 0 200px ;
text-align: center;
}
#Dialog img {
float: left;
margin-left: 40px;
}
#TopBorder {
height: 37px;
width: 800px;
margin: 3em auto 0;
background-image: url(template_files/top.gif);
background-repeat: no-repeat;
}
#BottomBorder {
height: 37px;
width: 800px;
margin: 0 auto;
background-image: url(template_files/bottom.gif);
background-repeat: no-repeat;
}
-->
</style></head><body>
<div id="TopBorder"></div><div id="Dialog">
<img src="template_files/oopsed.png" height="200" width="150">
<p class="style22">Oops!</p>
</div><div id="BottomBorder"></div>
</body>
</html>
[/html]
I would of course then recommend putting the CSS in an external file.
Edited to add zip of images used
3
