Clik here to view.
Creating Pinterest layout CSS flex [duplicate]
I am trying to make a blog with a Pinterest like layout. Width and height should, therefore, be able to vary and the posts under should come not that far under. Currently, mine are all the same height...
View ArticleClik here to view.
How to fill path on svg by scroll
Hi how can I animate the filling of lines as in the screenshots. The goal is to fill the line smoothly as you scroll so that the line is always in sight. Now the animation works from top to bottom not...
View ArticleScrollable table with rounded corners
I have made a table which scrolls vertically when there is too many rows. This can be seen here https://jsfiddle.net/hp5je3ko/1/. However, I would like to add a border radius to the table. As you can...
View ArticleCan't get ellipse to show despite setting width and correct CSS on all the...
div{display:flex;} :host { display: flex; flex-direction: column; align-items: stretch; flex: 0 1 auto; } div.main { height: 500px; width 700px; justify-content: space-evenly; align-items: center;...
View ArticleLink with anchor to different page (href)
I have a page with working anchors like these:<a class="nav-link" href="#ta-services">Leistungen</a> ... <section class="border-top" id="ta-services"> On another page, I want to link...
View ArticleAzure media player in Angular 6
I have created a basic setup: added these cdns in index.html<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet"> <script...
View ArticleCSS/JS transition fade in video
I'm working on an interactive website assignment, and I'm using video's for some parts. I managed to change the background-video src when a particular element is clicked, but the transition is very...
View ArticleSVG - Line becomes thicker when as I rotate it
I need multiple straight lines, and I have set the stroke-width to 4, but when I try to rotate them, the lines get thicker. Also when I try to set a negative value, for example <path d="M0 -10 20 0"...
View ArticleBootstrap 4 "hidden" class doesn't work
I'm using Bootstrap v4 with it's default CSS and JS. I'm trying to apply the classes hidden, hidden-XX-down and hidden-XX-up to various divs, buttons, etc. But it doesn't seem to affect anything. All...
View ArticleApplying function to a group of objects by same class name but function...
My goal is to hover over a single svg polygon and have that polygon disappear(opacity 0) revealing something underneath with java script or j query. My problem is I don't know how to separate the ith...
View ArticleClik here to view.
Using FlexBox to constrain half of page content
I'm building a simple UI using React (shouldn't matter though) to configure some IoT sensors that I have. This page will have a header, a footer, and the main page content. The main page content will...
View ArticleDisplay answers in random order for multiple choice quiz
I need help with having the answers appear in random order for this multiple choice quiz. Currently, the questions are chosen in random order but the answers are always in the same spot. I tried to...
View ArticleClik here to view.
Two headings on the same row are sticked together - Bootstrap
can somebody explain me, I have an issue with the CSS of bootstrap On this page you can see the two headings h1 and h2 that are in the same row can stick together instead of taking space as a block...
View ArticleERROR TypeError: Cannot read property 'getRole' of undefined - angular
I am doing a small project on Angular and one of the tasks is display 2 buttons ONLY if an admin is logged in. Now, to check if the admin is logged in, I have a method inside user.service.ts...
View ArticlejQuery - index keeps resetting
I have a table with a lot of data, and for some reason the index of input after every <td> </td> keeps resetting. For that I have created this...
View ArticleAdding a link to homepage after a loop in flask
I'm working on a simple web page, where the user types an input sentence, and it outputs the permutations of the words in the input sentence (the calculation happens inside the permute function, which...
View ArticleVertically Stacked Last DIV to fill/fit the rest of the Container Using...
I am trying to create a layout that would be responsive using Bootstrap 4. The problem I am having is when two divs wrap vertically for a smaller device the top div seems to push the lower div down...
View ArticleClik here to view.
HTML - Convert json to table
I'm trying to convert JSON to a table, but it doesn't. Everything seems fine, but I cannot see the values in my table.My code that converts JSON to table: $(function() { var my_data = '';...
View Articlecant seem to remove visibility hidden from spans in a table
I'm trying to show the element behind the click after its been clicked,the span that holds the value has a hidden class, however upon click nothing happens, the relevant code:JAVASCRIPT:function...
View ArticleClik here to view.
HTML 5 Video tag not showing fullscreen button
I am trying to get a video with the video tag to include a fullscreen option in the controls. If I insert a video into a site using the following:<video controls> <source src="filename.mp4 "...
View Article