|
Posted by Beauregard T. Shagnasty on 02/07/07 21:22
Beauregard T. Shagnasty replied to hisself:
> Try the following,
I found a couple of similar-sized .jpg images on my computer, and have
made some changes. Use this instead:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>family</title>
<style type="text/css">
body {
background: #fff;
margin: 0;
padding: 0;
}
#banner {
margin: 0
padding: 0;
height: 120px;
width: auto;
}
..bannerleft {
float: left;
margin: 1em 0 0 3em; /* adjust margins to suit */
}
..bannerright {
float: right;
margin: 1em 3em 0 0;
}
..hrule {
top: 112px;
left: 0;
}
hr {
border: thick solid blue;
}
#content {
margin: 2em;
/* style to taste */
}
</style>
</head>
<body>
<div id="banner">
<span class="bannerleft"><img src="logo.jpg" alt="[Logo]" title=""
width="250" height="110" /></span>
<span class="bannerright"><img src="greeting.jpg" alt="Greetings!"
title="" width="300" height="110" /></span>
</div>
<hr>
<div id="content">
<p>Page content here</p>
</div>
</body>
</html>
--
-bts
-Motorcycles defy gravity; cars just suck
[Back to original message]
|