[RTHaworth]

I want to creat a page profiling key members of staff - qualities and interests.

So i think i want to create a div or something within the body of the page that has a small passport size photo floated out to the right or left, with text flowing along one side of the picture. I suppose i could use a table but prefer to use CSS. Any ideas how to do it?

[TheRobatron]

I would do it like this:

<div class='profile'> <p class='center'><img src='pic.gif'></p> <p>Text about them goes here.</p> </div>

CSS:

p.center {
text-align: center;
}

div.profile {
width: 200px;
border: 1px #000 solid;
}

That would place the image above the text and centred, but if you wanted it on the left or right you could do this: (for this I'll put the image on the left and assume that the image is 50 pixels wide)

<div class='profile'> <img src='pic.gif' class='left'> <p class='profiletext'>Text about them goes here.</p> </div>

CSS:

p.profiletext{
text-align: left;
margin-left: 55px;
float: left;
}

img.left {
float: left;
}

div.profile {
width: 200px;
border: 1px #000 solid;
}

I hope that does what you want

[RTHaworth]

hey theRobatron. I havent had chance to test that yet but just want to say that its really good of you to do that, very kind of you. Ill let you know how it goes and if i end up using your code on my finished site ill put ur name in a HTML comment

[TheRobatron]

No problem Let me know if there's anything wrong with the code because I haven't really tested - it should work in theory though