Exported content not appearing on HTML doc


(neil) #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


(neil) #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>

#3

Can you share the page where you’re embedding this? (The actual URL)


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


(neil) #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.