...

View Full Version : I have simple image html question.



tivaelydoc
09-15-2007, 09:50 PM
So i was writing out this code:

<p><img src=http://img514.imageshack.us/img514/1807/examplefl8.png>text</p>

Now p align only works with center, left, right, and justify, so is there a code to start the code on the top of the text, instead of the bottem?

_Aerospace_Eng_
09-15-2007, 10:49 PM
You can float the image to the left or to the right like so

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.fleft {
float:left;
}

.fright {
float:right;
}
</style>
</head>
<body>
<p><img src="http://img514.imageshack.us/img514/1807/examplefl8.png" width="130" height="77" alt="" class="fleft"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor. </p>
<p><img src="http://img514.imageshack.us/img514/1807/examplefl8.png" width="130" height="77" alt="" class="fright"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor. </p>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum