• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Trouble with Portfolio Design


#1
I have got an image on my layout which i want to put text over, but if I actually do it, it won't allow anything on the right side of it as I want one image at the top with text on and one next to it without!

HELP:confused:

<center>
<div style="float:middle;">
<div id="img_text">
<p>Gallery is here.Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here. Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here. Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here.Gallery is here. Gallery is here.
Gallery is here.Gallery is here.Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here.Gallery is here.Gallery is here.
Gallery is here. Gallery is here.Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here. Gallery is here.Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here. Gallery is here.Gallery is here.
Gallery is here.Gallery is here.Gallery is here.Gallery is here.</p>

</div>
<img alt=" Content" src="http://www.designforums.co.uk/images/content.png" /><img href="http://www.riteway-som.com" alt="Riteway Driving School" src="http://www.designforums.co.uk/images/riteway.png" /><img href="http://www.sypher-design.co.uk/dev/kate/" alt="Berkley Construction" src="http://www.designforums.co.uk/images/berkley.png" />
</div>
</center>
 

Kevin

Senior Member
#3
Not sure if this is what you mean but this is how I see it...
You still need to position the two elements, but I can't say how you should do this without seeing the layout/code.

Code:
#img_text {    background:url(img/background.jpg) top left no-repeat;    height:300px; width:300px;    margin-right:10px    position:relative;}#img_text p {    position:absolute;    top:50%; left:50%;}
Code:
<div id="img_text">    <p>This is a message</p></div><img src="notext.jpg" alt="Just an image" height="300px" width="300px">