Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    Ok i was looking at www.phantomplanet.com, i like how they had a Frame in the middle of the image. I know this is flash, but i am wondering how i can take an image i make in photoshop and put an iframe in a space i leave for it(an HTML document). So basically i want to know how i can make a image around my iframe, or how i can make an iframe over my image.

    Also how can i make an iframe in a certain spot on the screen. not left or right, but off to the right of the center and up (for example)

    If anyone can tell me or SHOW me, (possibly making a sample i can play with)let me know

    Thanks for your help

    Chris

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    a iframe is a <div> but with it's style changed to "overflow:auto;"
    Then specify it's width and height, and move it around as usual.
    You can specify a background image for it too, using CSS

  4. #3
    Senior Member
    Join Date
    Dec 2003
    Posts
    1,274
    Member #
    4362
    Quote Originally Posted by ChrisTheCracka
    Ok i was looking at www.phantomplanet.com, i like how they had a Frame in the middle of the image. I know this is flash, but i am wondering how i can take an image i make in photoshop and put an iframe in a space i leave for it(an HTML document).
    Just FYI- That iframe isn't flash

  5. #4
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    One solution could be to make a table like so:
    Code:
    <table width="700" border="0" align="center">
      <tr>
        <td width="347">&nbsp;</td>
        <td width="224"><iframe height="400" width="300" src="test.html" frameborder="0" name="iframe"/> </td>
        <td width="115">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    You can slice the image you made in photoshop to match the cells in your table.

  6. #5
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    Ok, so i put that in INDEX.html right??, I make my image make the slice the same size as the iframe, do i change the properties of the slice.(put the HTML in the slice???)
    or i do i put in the html and insert the picture in the middle
    how would i do this,
    (i know im quite noobish)


    ,thanks again

    -Chris

  7. #6
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    Is there anyway i can make it so the iframe floats on top, if not im still having trouble setting it up, im planning on just making an image and with a navigation just as the image, and the iframe on th opposite side
    get back quick
    thanks
    chris

  8. #7
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    The code I gave you goes in your index.html. Any images you want to appear around the iframe go in the table cells around the iframe. Insert the images right into the table cells. You can delete cells if I gave you too many. The content you want to appear IN the iframe goes in "test.html" or whatever file you want to load into the iframe. What HTML editor are you using?

  9. #8
    Senior Member ChrisTheCracka's Avatar
    Join Date
    May 2004
    Location
    Bellevue, WA
    Posts
    114
    Member #
    6036
    Im using notepad

    Thanks for the help


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com