Category "css"

Is there a way to having loading animation show until the page is fully loaded?

I have deployed my website on netlify but, the website displays only HTML until it finishes loading... Any tips on a way to make the website only show once it h

Change header background colour when page scrolls on sticky header

i have a sticky transparent header using the following css code on my website www.obviagency.com CSS CODE: #site-header-inner { height:0px; z-index:170; margin

Video autoplay (HTML/CSS) not always working on phone, but sometimes it is

I'm trying to create a simple website and want to just have some videos autoplay. Now I'm aware there are some changes that make this a little bit harder than i

Dropdown menu remain open after click and refresh

I have a problem on how to make my dropdown remain open after clicking and avoid closing after refresh. Here's what I've done. <button class="dropdown_btn"&g

Front End First Timer: How do I modify Javascript to accomadate multiple image slides within multiple slides?

I have 0 experience in front end, but going for it anyway. I currently have this Javascript: <script> function openCity(evt, cityName) { //

Getting image from input file and then add it as a background to a div

I am making a whack the mole game with Vanilla JS and I am trying to make the person whack whatever he wants by letting them upload an image by input file but

Highlight corresponding table <TD> cell based on row name and cell value

How would I go about highlighting a cell based on the row name and column value from the first column? I have included a fiddle. $('tr').each(function() {

How to apply classes to dynamically generated content?

In tailwind, there is a feature (which I find very annoying at times) called preflight that turns most of the HTML elements to appear like normal text. And the

How to scale TextArea content in JavaFx?

I try to wite a Windows notepad applicatino with javafx. In windows notepad, you can scale the text edit area, not to increase or decrease the font size. I trye

How to scale TextArea content in JavaFx?

I try to wite a Windows notepad applicatino with javafx. In windows notepad, you can scale the text edit area, not to increase or decrease the font size. I trye

Not able to move the button to the right of the page and the text to the center of the page

Not able to move the button to the right of the page and the text to the center of the page even though I have added the necessary CSS ( float right etc.,)

Not able to move the button to the right of the page and the text to the center of the page

Not able to move the button to the right of the page and the text to the center of the page even though I have added the necessary CSS ( float right etc.,)

How to create a vertical line on top of the text when it is active?

I want my active element to have a vertical line on top of it and I was given a hint to use either :before or :after in CSS to make this line. However, I'm not

unable to apply different CSS classes to 2 svg images( both are clones of each other)

I have 2 svg images in my html in 2 different divs. On performing some action I am trying to hide one and display another by adding different css classes dynami

Accordion height automatically increases when any accordion expands in same row mui

Accordion height of any accordion automatically increases when any accordion expands in same row mui, Here's my code:- {[1,2,3,4,5].map((i)=>

monaco-editor - resize property causes editor popups to be hidden

I am using deltaDecorations to show errors in my editor. here is my code: https://gist.github.com/dinager/41578bd658b60cc912a6023f80431810 Here is the result:

How to make the items in the flexbox align in the center and to the left [duplicate]

Proposed layout I've made a 3 column flexbox and I need all flexbox items to be in the center and the items that are in rows that are not full

wkhtmltopdf conversion: HTML table does not fit within the A4

I created a basic PHP webpage to generate a timesheet of the monthly working hours of employees of a company. The work hours and the other details in the table

Infinite scrolling problem with showing elements

I'm trying to do endless scrolling on my gallery page. I want three columns. The problem is, when I scroll down my wall, elements disappear and appear in weird

Style dd and dt tags with bootstrap

I created dt and dd tags in my javaScript. I also have some styling for them in my CSS file. But I am switching to bootstrap, how can I style them? const pr