I am trying to embed a html file inside my website.
I am trying to embed a chart into the website, but I just can't make it, so that chart is fully displayed. Does anyone know how that works? I could not find anything on the web and i am not that good at programming yet.(after all i started my apprenticeship as a software developer 2 weeks ago.)
Screenshot
As you can see there is 2 scrollbars on the side, 1 for the chart and 1 for the page it's self. There also is a horizontal bar for the chart. I basically just want there to be 1 bar for the page it's self if you know what i mean
jsfiddle
Related
I am creating a website for my movie theatre. We are using a ticketing system that comes with our point of sale to offer sales online. The link is https://ticketing.useast.veezi.com/sessions/?siteToken=pxbww48zebzhba4e6yzr7f01am
I want to have this display on a page in wordpress. I don't want the scroll bar, and I want the height to fit the height of the linked content, without using a scrollbar. So if the website has 20 films with showtimes, I want the user to just scroll down on the webpage to access the info, without having a second scroll bar for the iframe.
I hope this makes sense. Also, I am hoping that there is a html snippet I can add to the page where I do not need to add code to the header to make it work. I don't want to screw around too much with the theme files themselves and this is only for one page. Thanks everyone!
I am new to bootstrap and haven't done a lot of web development for many years. I'm trying to use bootstrap to do a sliding menu bar on the left of the web page and want to know what the best way to code it is. Back then we used tags to show different content using the same menu bar as a "static" separate frame. Is there a more efficient way of implementing frame type of design on my website using bootstrap? sorry if my questions are a little vague.
Basically I want to use a static menu bar that shows different "cool" content on a main page view without having to rewrite the same code for each new main page.
thanks in advance
bootstrap 4
I am not really a programmer, merely an HTML coder who has been cannibalising scripts for many years without really being able to quite understand what I'm doing. I have finally hit an impasse.
I am using Fancybox 3 to open a responsive iFrame into which I am loading an HTML5 video which is set to autoplay. All works great except that the iFrame is a) initially cropped at the bottom (a fault which is instantly fixed by slightly resizing the browser window) and b) does not adjust to the size of the content when the window is reduced in size. I get white space opening up under the video.
The Fancybox 3 documentation suggests using this piece of script in order to achieve what I'm after but no explanation of how exactly to implement it. I guess the author assumes I know more than I do about these things, which seems fair enough.
This is the snippet of script:
parent.jQuery.fancybox.getInstance().update();
I'm guessing this would solve all my problems. Can anyone show me how to implement it?
The page in question is here: test page.
The Fancybox 3 documentation is here.
If I have asked this question badly please let me know as I am a newbie here.
Thanks for looking.
The Iframed page demo on homepage does exactly what are you looking for. See source code of http://fancyapps.com/fancybox/3/iframe.html for clues.
For example, this link would close fancyBox:
Dismiss
I have been working hard on assembling photos into a travel blog. Currently I am reading about how to make full page image carousels. The specific problem I have is this: I want to have an image carousel of 100 pictures. At different points in the blog I want the user to be able to enter the same carousel at different images in the sequence. Currently I have to duplicate the code for the 100 images at each point in the blog. I am trying to figure out how to refer to the same html from different parts of the web page. Here is an example:
https://bwanaaa.github.io/flicktest/
The first image is a full bleed cover. The next two galleries are the same gallery but different starting points. I had to list all 10 images in the html TWICE to achieve this. You can imagine how verbose the html gets if i have 50 images with 10 entry points.
Here is a codepen to experiment with:
http://codepen.io/littleredbowtie/pen/yNdOMQ
Is there a way to have a 'subroutine' in html?
This can't be resolved through HTML alone. You'll have to implement further JS functionality, or find a different plugin.
Here is a plugin that is closer to what you're looking for:
https://github.com/stylehatch/photoset-grid
Demo:
http://stylehatch.github.io/photoset-grid/
it makes a grid of photos, then you also add the lightbox functionality, whatever photo they click on, it will go to that photo in the photoset, and also have navigation icons comparable to a carousel.
Tyler Perry has a web site, www.tylerperry.com, that as you scroll down different pages appear. Each page has links to other info within his website. My question is how is this done. Not quite sure how to re-create this. It is almost in a since like the web pages become the navigation bar and when you get to the page you want you can click the links to go deeper in to the website. I would love to do this on my web page. Any ideas would be great.
It's done with HTML5 using the <section> element. That's how the pages are defined. The styling is rather straight forward, you can keep your text in a relative format em or % to make sure they size according to browser. For the images there are css 3 ways of handling those as well.
Basically they have used HTML5 and CSS3, view it in an older browser and the site will be very different.