Category "css"

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

how i can make smaller the checkmark of Angular Material Checkbox?

I have been two days searching if there's any way to change the checkmark size, I have read others post, about how to change the checkmark color https://stackov

React-table hide column entirely

I have this table in react-table with the following columns: const columns = useMemo( () => [ { Header: "Id", accessor: "id",

span contenteditable Firefox 93

I'm using the contenteditable attribute as Inputfield for a span and for ussual it worked fine, but now I've the Problem, if I select more than 1 Line in Firefo