[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 169
  • Last Modified:

image size using gigapan

I am using gigapan to embed in a webpage.
The default settings are:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=" frameborder="0" height="NaN" scrolling="no" width="100%"></iframe>
(attaching screenshot)
I would like to set the height at 100% instead of the width but it doesn't work.
Thanks,
Rafael
Screen-Shot-2014-10-31-at-1.09.43-PM.png
0
rafaelrafa
Asked:
rafaelrafa
  • 6
  • 6
1 Solution
 
GaryCommented:
Needs a bit of css for it to work

<iframe></iframe>

<style>
html,body{
	height:100%;
	margin:0
}
* {
	box-sizing:border-box
}

iframe{
	height:100%;
	position:absolute;
}
</style>

Open in new window

0
 
rafaelrafaAuthor Commented:
I am sorry Gary, I don't get it.
Can you please give me the whole code?
I don't know where to place the <style> ccs you gave me.
Again, the default from gigapan is:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle/iframe/flash.html" frameborder="0" height="225" scrolling="no" width="100%"></iframe>
And I need to embed it in a regular html page.
Thanks,
Rafael
0
 
GaryCommented:
Just change the height to 100% and add this css to your .css file if you don't already have a box-sizing method.

iframe {
    box-sizing: border-box;
}
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
rafaelrafaAuthor Commented:
I am sorry Gary, but my level using Dreamweaver is pretty basic.
Can you please be more clear and just show me the code to make this happen?
What should I exactly paste into the html page and what goes to the .ccs
Thanks,
Rafael
0
 
GaryCommented:
It's over 10 years since I last looked at Dreamweaver but in dreamweaver go your custom css file (from the explorer window) or whatever file you are using for your css and add this to the end of the file

iframe {
     height:100%;
     box-sizing: border-box;
 } 

Open in new window

0
 
rafaelrafaAuthor Commented:
Sorry Gary, but this is not helping me.
I insist, I am not a web designer, I am just trying to embed this 'gigapan' in a web page and change one thing: instead of 100% width, I want 100% height.
Can you give me the FULL code for the page?
This is what I get with their (gigapan) default settings:

http://rafael-landea.com/elrumor.html
using:
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=250" frameborder="0" height="275" scrolling="no" width="100%"></iframe>
0
 
GaryCommented:
You are using content from gigapan.com but that content is not 100% height and is actually only 275px and that is what it will be - you cannot change it.

You need to create your own panorama.
0
 
rafaelrafaAuthor Commented:
No, that's now right. I can change settings like this for example:
http://rafael-landea.com/therumor.html

I changed the height for 600
<iframe src="http://www.gigapan.com/gigapans/a477ac08139933ba6c711092d9663840/options/nosnapshots,hidetitle,fullscreen/iframe/flash.html?height=600" frameborder="0" height="625" scrolling="no" width="100%"></iframe>

If gigapan allows me to change that I think it is possible it allows me to modify it to "height 100%" as well
0
 
GaryCommented:
Yes, but that does not accept 100% as an height and just goes to the default - already tried it - it needs a specific height
0
 
rafaelrafaAuthor Commented:
ok
0
 
rafaelrafaAuthor Commented:
I've requested that this question be closed as follows:

Accepted answer: 0 points for rafaelrafa's comment #a40416811

for the following reason:

Answer OK. I felt that I wasn't understood a couple of times. Thanks
0
 
GaryCommented:
Answer is here in this case
0

Featured Post

Take Control of Web Hosting For Your Clients

As a web developer or IT admin, successfully managing multiple client accounts can be challenging. In this webinar we will look at the tools provided by Media Temple and Plesk to make managing your clients’ hosting easier.

  • 6
  • 6
Tackle projects and never again get stuck behind a technical roadblock.
Join Now