Works...but must be a better way? [Archive]

CSA

11-20-2005, 06:03 AM

Hi,

I've finally got my text to align next to my caravan and motorhome images, however I have used a negative in order to get the motorhome text to align to the top. This looks like it works but I have a feeling there must a better way of placing this info?? Could someone please advise? :)

http://www.media-drive.co.uk/nti/store/index20.htm

.caravantext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
float:left;
}
#motorhomebox{
width: 110px;
margin-left: 355px;
margin-top: -50px;
}
.motorhometext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000066;
float:left;
}
#caravanbox{
width: 125px;
margin-left: 115px;
}

Fang

11-20-2005, 07:11 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Caravans Motorhomes</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
#container {
width:350px;
}
#container div {
float:left;
width:170px;
font-size:0.7em;
color:#009;
}
#container h3 {
font-size:1em;
margin:0;
}
#container img {
float:left;
margin:0.5em;
}
#container p {
margin:0;
}
.divider {
margin-left:5px;
border-left:1px solid #009;
padding-left:4px;
}
</style>

</head>
<body>
<div id="container">
<div>
<h3>Caravans</h3>
<img alt="Caravan" src="Caravan.gif" height="25" width="50">
<p>her to view our lates add some more text here but I don't know hwy this is over there.t</p>
</div>
<div class="divider">
<h3>Motorhomes</h3>
<img alt="Motorhome" src="Motorhome.gif" height="25" width="50">
<p>her to view our lates add some more text here but I don't know hwy this is over there.t</p>
</div>
</div>
</body>
</html>