Float Help [Archive] - CodingForums.com

Excavator

01-27-2007, 06:23 PM

Hello Rushy,
For text to wrap an image you need to float that image. Your floating your div but doing nothing to the image.
In this example I gave the image a class and styled that class in the CSS.<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#rightnav
{
width: 160px;
margin: 0;
padding: 1em;
}
.float_right {
float: right;
}
</style>
</head>
<body>
<div id="rightnav">
<img src="images/Mot_logo.png" alt="unknown image" width="40" height="140" class="float_right" />
<p>some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right. some text that will wrap the image to the right.</p>
</div>
</body>
</html>