I see no jpg files referenced there I assume you are referring to the two images in the top right-hand corner there are various methods but here is a simple one:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Windhover...
</title>
<style type="text/css">
<!--
.t1 {
position : absolute;
right : 0;
top : 0;
height : 95px;
width : 397px;
}
.t2 {
position : absolute;
right : 0;
top : 95px;
height : 474px;
width : 64px;
}
p {
position : relative;;
left : 95px;
top : 95px;
width : 700px;
font : 26px Geogia, serif;
}
-->
</style>
</head>
<body>
<img class="t1" src="http://www.windhoverdesign.com/images/welcomecornerdn_r2_c1.gif">
<img class="t2" src="http://www.windhoverdesign.com/images/welcomecornerdn_r3_c2.gif">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent imperdiet,
nunc nec cursus sagittis, diam ipsum mattis turpis, non blandit wisi quam ut dolor. Nullam quis leo vitae orci tristique commodo. Donec mauris elit, mollis vel, pharetra sit amet, sodales ac, nisl.</p>
</body>
</html>
For the external link you would use something similar to:
<link rel="stylesheet" href="yourfile.css" type="text/css" />
Bookmarks