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 3 of 3

Thread: Iframe issue?

  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Iframe issue?

    Ok not sure what happened the first time i posted but it dissappeared on me so this is my first shot at posting here so please excuse me if my question is ignorant or sounds funny. I am making a 3d cube for my iPhone it has 6 sides and rotates in place. Three of the sides are set images they don't change. The other three faces are a clock a scrolling img marquee and the last is a faing wallpaper. The 3 later ones are HTML documents I'm using iframes to link to. For some reason and quite randomly the faces will cut in half or just have rectangles cut out of them I'm not sure if I'm doing this correctly could someone please take a look and tell me what is amiss and possibly explain the issue I'm having... I would really appreciate any input on this again I'm new to the forum and coding I. General so please excuse if I sound dumb I'm really not just ignorant when it comes to HTML .... Below is the portion I'm having issues with...this works in safari and ie but not on my iPhone where I'm using it....
    I see the tags thing below about 5 tags but I'm not real sure what it means hopefully I'm not starting off on the wrong foot.
    [code],<body>
    * * * * <div id="container">
    * * * * * * * * <div id="shape">
    * * * * * * * * <div class="one"
    style="position: fixed; border: noborder; width: 150px; height: 150px; overflow: hidden; margin: left;"><a href="">
    <iframe src= "AWallpaper.html" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='clock.html:""' height="150px" style="height: 150px; overflow: hidden; "></a></iframe></div>

    * * * * * * * * <div class="two"
    style="position: fixed; border: noborder; width: 150px; height: 150px; overflow: hidden; margin: left;"><a href="">
    <iframe src= "clock.html" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='clock.html:""' height="150px" style="height: 150px; overflow: hidden; "></a></iframe></div>

    * * * * * * * * <div class="three"
    style="position: fixed; border: noborder; width: 150px; height: 150px; overflow: hidden; margin: Luke.yelvington@gmail.comft;"><a href="">
    <iframe src= "fallingskull.html" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='clock.html:""' height="150px" style="height: 150px; overflow: hidden; "></a></iframe></div>
    *
    * * * * * * * * <div class="four"><a href=""><img src="Images/12.png" alt=""></a></div>
    * * * * * * * * <div class="five"><a href=""><img src="Images/4.png" alt=""></a></div>
    * * * * * * * * <div class="six"><a href=""><img src="Images/3.png"alt=""></a></div>
    * * * * * * * * </div><!-- /shape -->
    * * * * </div><!-- /container -->

    </body>,[code]

  • #2
    New to the CF scene
    Join Date
    Mar 2012
    Location
    GA
    Posts
    8
    Thanks
    0
    Thanked 1 Time in 1 Post
    That code is a bit messy, and hard to read. Put it in a CSS file. Here is a tutorial on that.

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,290
    Thanks
    23
    Thanked 611 Times in 610 Posts
    Some things to get you started impireui:

    Put opening AND closing iframe tags inside of the anchor tags ie;
    Code:
    <a href="">
    <iframe src= "AWallpaper.html" class="smart_sizing_iframe noresize" frameborder="0" scrolling="no" id="iframe_canvas" name="iframe_canvas" src='clock.html:""' height="150px" style="height: 150px; overflow: hidden; ">
    </iframe>
    </a>
    The "name" attribute is deprecated and not used. waste of typing.

    You have to use seperate tags for canvas! You can not put them into the iframe tag.

    Please use the # above you to inclose your code next time.


  •  

    Posting Permissions

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