Op een webpagina gemaakt met Web Designer Premium versie 19 wil ik een met externe HTML en CSS code gemaakte timeline weergeven. De HTML-code is in de HTML-body van een plaatshouder (op de betreffende pagina) gezet.
Vraag: waar kan/moet ik de CSS-code plaatsen om de opmaak en het gedrag van de timeline correct weergegeven te krijgen?
Hartelijke groet, Theo
Hi/Hoi
The CSS code should preferably be placed in the Head section of the placeholder.
Do note that the HTML code should not have any <head> </head> or <body> </body> tags
An alternative would be to use an iFrame and a separate complete HTML page containing the code for both the timeline and CSS and embed this.
The advantage of using an iFrame, is that any changes to the Timeline code are done to the HTML page. There is no need to keep reloading and updating the placeholder in Web Designer.
De CSS-code moet bij voorkeur in de sectie Head van de tijdelijke aanduiding worden geplaatst.
Houd er rekening mee dat de HTML-code geen <head> </head>- of <body> </body>-tags mag hebben
Een alternatief zou zijn om een iFrame en een aparte complete HTML-pagina met de code voor zowel de tijdlijn als CSS te gebruiken en deze in te bedden.
Het voordeel van het gebruik van een iFrame is dat eventuele wijzigingen in de tijdlijncode op de HTML-pagina worden aangebracht. Het is niet nodig om de tijdelijke aanduiding in Web Designer steeds opnieuw te laden en bij te werken.
John EB
Forum Moderator/Forummoderator
Hi John,
thank you very much for your reply and help! Using iFrame is a great suggestion and just what I need so I placed the tag <iframe src="timeline.html></iframe> in the body section of the placeholder but the browser says: Header add Link ";rel=stylesheet;media=all" so I've put <link rel="stylesheet" href="timeline.css"> in the header section of the placeholder but get the same result. The timeline.html and timeline.css files are both in the same (root) direction of the website-folder.
I've linked both the .html and .css files. Can you please take a look so I can make this work?
https://drive.google.com/file/d/1RowmW7RKqtqakOYVG1eWJLQSmc3dETB7/view?usp=sharinghttps://drive.google.com/file/d/1aodId-p9ErE3BIOJ1-SwRmQqj7D-3cKq/view?usp=sharing
Ps: today I found that there's also some Javascript involved:
https://drive.google.com/file/d/1KvH0bQ4FkRu4mdJKD-JBPAFa0S7GF_Ac/view?usp=sharing
Kind regards, Theo
Hi John,
This weekend I was able to make things work by putting all the timeline-files in a subdomein and embed it in a Magix webpage using iFrame-code/tag.
Thank you for suggesting this option!
Best regards, Theo