neege
(neil)
July 12, 2016, 5:10pm
1
Hi
I am having an issue with one of my exported HYPE scenes not appearing on my HTML page. There are two and one of them is not showing.
I have the .html and hyperesource files in the same folder as the index.html file. This is my code:
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, width=320" />
<link href='https://fonts.googleapis.com/css?family=Joti+One&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Galada&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Euphoria+Script&subset=latin' rel='stylesheet' type='text/css'>
</head>
Any/All help with this would be hugely appreciated.
All the best,
neil
neege
(neil)
July 12, 2016, 5:21pm
2
This should be all of the code, sorry:
<head>
<meta name="viewport" content="user-scalable=yes, width=768" />
<link href='https://fonts.googleapis.com/css?family=Oxygen:700&subset=latin' rel='stylesheet' type='text/css'>
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, width=320" />
<link href='https://fonts.googleapis.com/css?family=Joti+One&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Galada&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Euphoria+Script&subset=latin' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="eire_hype_container" style="margin:auto;position:relative;width:768px;height:1024px;overflow:hidden;" aria-live="polite">
<script type="text/javascript" charset="utf-8" src="eire.hyperesources/eire_hype_generated_script.js?96308"></script>
</div>
<div id="beed_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;" aria-live="polite">
<script type="text/javascript" charset="utf-8" src="beed.hyperesources/beed_hype_generated_script.js?4831"></script>
</div>
</body>
Daniel
July 12, 2016, 5:55pm
3
Can you share the page where you’re embedding this? (The actual URL)
DBear
July 12, 2016, 6:24pm
4
Your second Hype div has a height of 100% but it doesn’t have any height to work off. You need to give it a Height to work out it’s 100% value. Add another Div with an absolute height around the second “Hype” div and you should be fine.
neege
(neil)
July 12, 2016, 6:39pm
5
Hi guys, thanks for getting back to me.
Daniel, I’m only working locally at the moment. DBear, I’ll give that a go now to see if it works, thanks.