Html5 canvas anpassen

1

Hallo,

ich habe eine Bildergalerie im Tumult hype 3.6 gebaut. Diese Galerie habe ich in HTML5 Canvas exportiert und in meinem Div eingefügt. Nun habe ich dem Div einen Style (Größe des Divs) zugewiesen. Den nimmt er aber nicht an. Obwohl ich das Häkchen (vor externen Stilen schützen) rausgenommen habe. Könnt Ihr mir einen Tipp geben, woran es noch liegen könnte?

Lieben Dank im Voraus!

2

wie?

wo? in Hype?

Das div oder der Content?

Vielleicht postest du ein Dokument oder einen Livelink ... denn die Beschreibung ist – zumindest mir – unklar ...

btw -> die Frage auf Englisch zu stellen würde mehr "Helfer" erreichen :slight_smile:

LG

Hans

1 Like
3

hello,

I have built a picture gallery in the tumult hype 3.6. I exported this gallery to HTML5 Canvas and added it to my Div. Now I have assigned a style (size of the div) to the div. But the content does not accept it. Although I removed the checkmark (protect against external styles). Can you give me a tip, what could be the cause?

  >   <!doctype html>
>     <html>
>     <head>
>     <meta name="viewport" content="user-scalable=yes, width=714" />	
>     <meta charset="UTF-8">
>     <title>Unbenanntes Dokument</title>
>     	
>     	<style>
>     	main {
>         padding-top: 41px;
>         margin-left: auto;
>         margin-right: auto;
>         max-width: 750px;
>         padding-left: 26px;
>     		background-color: #F4F5E7;
>     }	
>     		
>     	.main-inner {
>         max-width: 720px;
>     	margin: auto;
>     		
>     }
>     		
>     	main a {
>         color: #0B2949;
>         font-family: montserrat;
>         font-style: normal;
>         font-weight: 400;
>     }
>     	#htmltest_hype_container{
>          width: 60%;
>     		position: relative;
>     }
>     		
>     	
>     	</style>
>     	
>     </head>
> 
>     <body>
>     	 <main>
>         <div class="main-inner">
>     		
>     		<h1>Bildergalerie</h1>
>     		
>     <div id="htmltest_hype_container" >
>     		<script type="text/javascript" charset="utf-8" src="htmltest.hyperesources/htmltest_hype_generated_script.js?92717"></script>
>     	</div>
> 
>         </div>  
>       </main> 
>     </body>
>     </html>
4

Layouts in Hype can have a fixed height and/or width, or a responsive height and/or width.

in case of fixed a document will be displayed in this size.
in case of responsive a document will be stretched and the content-elements behave regarding its setting in the flexible layout ...(note: a height-responsive hypedocument will have a height of zero when the wrapper-element has no fixed height <- like in your example above)

///////

btw. when previewing your site, you can use the browsers developertools to examine the elements

1 Like