PDA

View Full Version : Iframe issue?



impireui
Mar 1st, 2012, 07:45 PM
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: [email protected];"><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]

super3
Mar 2nd, 2012, 06:31 PM
That code is a bit messy, and hard to read. Put it in a CSS file. Here is a tutorial on that (http://www.w3schools.com/css/css_howto.asp).

sunfighter
Mar 3rd, 2012, 03:48 PM
Some things to get you started impireui:

Put opening AND closing iframe tags inside of the anchor tags ie;

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