Quick question regarding iFrame...

User 2321757 Photo


Registered User
9 posts

Hi there,
Sorry if I shouldn't have made a new thread for this,
however I don't really know how to remove the old one and
figured since the solution came about, it was no longer regarded as 'worth looking at'.

The new Million-Dollar question is:

I now have the iFrame working on the 1-page website.
However I am having difficulty aligning it to where I need it to be,
which is where it is displayed on this site (www.nicheheroleadership.com)

ie. visible at the bottom of the loaded browser,'homepage'.

This is the website as it stands now;
superstarcamp.coffeecup.com


Any suggestions are much appreciated,
I am sure the <iframe> HTML needs to be configured, ie. Align:bottom...(?)

Thank You!
Tariq.

P.S

Any idea on how to get the 'Tabs' on my website to look like the tabs on the NicheHero website ?





So, in a nutshell,

How do I get my iFrame to look the same, and in the same position as the one in the nicheheroleadership.com website?

Thank you.
User 2073552 Photo


Registered User
1,625 posts

It looks to be in the right place to me... However the height of the Iframe needs to be increased from 200 to something larger. May I ask why you want to use an Iframe?
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 2321757 Photo


Registered User
9 posts

Hi there,


LOL, I knew someone would ask this,
I just want everything on one page,
as I feel it will be more conducive to get people to sign up to the course.

Simple,Straight to the point, Hook,Line & Sinker.

When increased, it increases downwards, it doesn't stretch upwards.
Its as if its being blocked from going above where it is.



Here is the very simple code (please excuse any of the mistakes in it):

<html>
</div>
<div id="my_links">
<a href="tabcontent1" target="#iframe_target_area">About Course</a>
<a href="tabcontent2" target="#iframe_target_area">Course Details</a>
<a href="tabcontent3" target="#iframe_target_area">Testimonials</a></div>


<iframe name="#iframe_target_area" src="tabcontent1" width="100%" height="1000" frameborder="0" "position: relative;" "overflow:hidden;></iframe>
<div style='width: 500px; height: 200px; overflow: hidden;'>

<html>

Any ideas?

Thanks buddy,
User 2321757 Photo


Registered User
9 posts

Please, check the Superstarcamp.coffeecup.com website again, I forgot to publish the minor re-adjustments.

As you can see this is what I am talking about.
However if I add something like Align:bottom.html (which I copied off another website
),

It does align as you saw it previously, however the tabs then go to the bottom, which is not what is desired.

So it must be an Alignment/Coding issue within the <iframe> HTML framework?

Thanks again,
User 2321757 Photo


Registered User
9 posts

Hi there, Don't worry resolved.

It was a page size issue, just had to shorten the standard page size so the iframe was forced higher up

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.