Click to See Complete Forum and Search --> : lining up 2 columns


robin
07-28-2003, 10:46 AM
Hi,

I have a photo with some text in one column. I want to line up a table in the second column next to it.

How do I get the table in the second column to do that? Right now the table is way above in the second column.

Thanks in advance for any help!

pyro
07-28-2003, 12:31 PM
Use CSS to lay it out, something like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.images {
position: absolute;
top: 50px;
left: 10px;
width: 200px; /*Set the width*/
}
.descriptions {
margin-left: 210px; /*Should be a bit greater than the width above*/
margin-top: 50px;
}
</style>
</head>
<body>
<div class="descriptions">
Text description here...
</div>
<div class="images">
<img src="yourimg.gif" alt="Your description">
</div>
</body>
</html>

robin
07-28-2003, 04:21 PM
Thank you VERY much, pyro!

pyro
07-28-2003, 04:24 PM
You're welcome... :)