André Hänsel wrote:
Hi,
I'm trying to make a centered box with an image and two links inside,
one link on each side.
Here is an image of what I want:
http://kundenweb.creations.de/usenet/katzen/box.jpg
I'm tempted to use a table but certainly there is a better way. :)
Resist temptation. Try this (or something like it):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Cats in sinks</title>
<style type="text/css">
body { margin: 0; padding:0; }
..outerContainer { width:900px; margin-left:auto; margin-right:auto;
background-color:#FF9900; }
..pageLink { font-family:Arial, sans-serif; font-weight:bold;
font-size:95%; color:#9F2D00; padding:1em 25px; }
..prev {float:left;}
..next {float:right;}
..outerContainer img { padding:0 25px 25px; }
</style>
</head>
<body>
<div class="outerContainer">
<a href="#" class="pageLink prev">Previous</a>
<a href="#" class="pageLink next">Next</a>
<img style="clear:both;"
src="http://kundenweb.creations.de/usenet/katzen/box.jpg"
alt="sample pic" width="850" height="578">
</div>
</body>
</html>
HTH.
--
John