Category "html"

Equal width + height responsive divs with hover overlay

I'm having trouble getting the heights on my divs to match up. I need them to match the heights of the div with the most content - which is normally easy BUT I'

Adding transition to Side nav bar

I have a site with a side navigation bar that is supposed to slide in via the right side, then when you close it, it transitions back into the side. When design

How to get this search-results-div to show up on top of content, without interfering with nearby float elements?

I have a tricky layout that I'm trying to add type-to-search to. (The actual code uses Angular, but it looks like my problem is just the CSS.) https://jsfiddle

How can I set Bootstrap 5's CSS variables using :root?

I have a Bootstrap 5 application that consumes a bunch of web components and all of the components use Bootstrap 5. I need to customize the theme on the fly ins

HTML5 date picker doesn't show on Safari

Having previously used jQuery date picker, I have now converted some of the date fields in forms on my website to the HTML5 date picker. On the documentation,

How to stop <mat-expansion-panel> from triggering with spacebar?

I have a mat-accordion with a textarea box in the panel-description. When I am tying in the text area and hit spacebar it opens/closes the panel. How can I stop

Event Driven Programming: Registering input changes

I am very new to html, css, and javascript so please go easy on me. I am working on an activity that requests: Register the updateCount event handler to handle

Not able to create a new collection-type in Strapi Dashboard

I had just created a STRAPI project using , find docs here npx create-strapi-app@latest my-shop1 And then sign up to the admin portal. After signing up, I reac

Override the -webkit-search-cancel-button

I'm trying to override the small (x) that appears in the search bar, to have it do more than clear the search Currently this is my search bar: HTML: <input

How to send form data to API post via JavaScript

I have a form in my project and when it is submitted I need to send the data to an API and receive the response to check if there's an errors the html <form

Adsense without Java Script

Hey I am thinking of adding Adsense to my website but the issue is that most of my users have non JavaScript phones. The code I receive from Adsense is complet

Create a GIF from an HTML animation

THE PROBLEM I've created an HTML animation using google web designer, then I need to export my project as a GIF. Google web designer doesn't provide any tool to

Adding HTML via JS to a specific child-Element

I have a very specific situation where I have ~50 child-divs which I cannot influence directly, that is, I cannot add classes or ids to one specific child-div n

ERROR TypeError: Cannot read property 'slice' of undefined---Typescript

how are you? I have one problem 'slice' of undefined in my project. I use autocomplete material https://material.angular.io/components/autocomplete/examples M

render html strings in flask templates [duplicate]

I'm building a web page to show articles. In my database, I have to attributes, one of which is used to put Markdown code and the other to s

How to create a paginated screen in the Freemarker language

I have a page where the news is displayed and I have below 2 buttons next and previous. The problem is: on click of next button news gets loaded as a continuous

How to center content in a Bootstrap column?

I am trying to center column's content. Does not look like it works for me. Here is my HTML: <div class="row"> <div class="col-xs-1 center-block"&g

CSS line-clamp not working in safari (on Mac)

I have 2 problems with the display of line-clamps in Safari browser. First of all the codesnippet: .clamp-3-lines{ overflow: hidden; text-overflow: elli

Subresource integrity for images and other media?

Subresource integrity seems to be an awesome stopgap allowing to use third-party controlled HTTP-served resources in a secure way. However the spec considers HT

How to wrap text around image in Bootstrap 5

I want my text to wrap around my image. Right now I'm using the Bootstrap 5 grid system. But this is not giving me the result I want. I've tried using 'float: r