Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Trouble with Portfolio Design

Discussion in 'Website Design Forum:' started by Elekate, Jul 19, 2009.

  1. Elekate

    Elekate Member

    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>
     
  2. Xenonsoft

    Xenonsoft Active Member

    Show us your code and we'll be able to help more. Although I wont be able to help until tomorrow.
     
  3. Kevin

    Kevin Senior Member

    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">
     
  4. Elekate

    Elekate Member

    Cheers Xenonsoft & Onartis!


    Onartis, thanks for the code, think it helped solve the problem :clap:
     

Share This Page