PDA

View Full Version : Could someone help me please



Frump
Jan 2nd, 2011, 12:51 PM
I have been trying to place an image in the bottom left-hand corner of a div. The only way i could achieve this was by using 'position: absolute'. But how do i make the text flow around the image?

You can if you wish have a look of the div and image Here! (http://www.freewebs.com/diarco/positioning.html)

Would really appreciate any help or advice.

Excavator
Jan 2nd, 2011, 01:23 PM
Hello Frump,
This is the easy way... not sure it will work for you though -
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin: 0;
background: #FC6;
font: 100%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
}
#wrapper {
width: 350px;
margin: 30px auto;
padding: 0 11px;
font-size: 0.8em;
text-align: justify;
overflow: auto;
border: 1px solid #000;
}
img {
height: 75px;
width: 75px;
margin: 0 11px 0 -11px;
float: left;
}
p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero
sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed,
commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros
<img src="http://www.freewebs.com/diarco/th_linuxpee.jpg" alt="Linux image" />
ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar
facilisis. Ut felis.
</p>
<!--end wrapper--></div>
</body>
</html>

Frump
Jan 4th, 2011, 02:03 PM
Sorry i've been so long in replying but the help you give really did the trick! And your reply made me realise just how bad my knowledge of CSS was, so i have started a new course. Big thanks Excavator.

Excavator
Jan 4th, 2011, 08:36 PM
Too bad it's not easier to float an element at the bottom but, by nature, floats move up as far as possible.
I don't know of any way of counteracting that.