Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Floating Iframe on image

    okay guys so i made a theme and here's the out come

    ( i wont make it appear because its so big )

    http://i.imgur.com/LyM41.png

    but i want to put an i frame on the middle part like this

    http://i.imgur.com/Fw6fP.png

    w/ transparency but still the image is still there

    so it will look like this

    http://i.imgur.com/CUP1k.png

    can any one help me with the code?

    http://i.imgur.com/t9zrr.png

  • #2
    New Coder
    Join Date
    Nov 2011
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hello, bit unsure of you're question. Are you trying to make the iframe transparent?

    Haven't had much experience with iFrames, apart from embedding Google maps.

    I assume you can style it like any other tag.

    iframe
    {
    opacity:0.5;
    }

    If not, add a ID to the iframe: <iframe name='iframe1' id="myiframe" src="empty.htm" etc etc></iframe>

    then:

    #myiframe
    {
    opacity:0.5;
    }

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hello hi thanks for your help but im trying to align the iframe on top of the image, you can click the links provided so that you can see it,

  • #4
    New Coder
    Join Date
    Nov 2011
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Look up the Z-index property. They work a bit like Photoshop layers.

  • #5
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by obenns View Post
    Look up the Z-index property. They work a bit like Photoshop layers.
    what do you mean?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •