Category "html"

Trying to change value of buttons

I'm trying to change the value of a button when I click on it, so what I did was I created a function in JavaScript where I call the ID of the element by gettin

How to create uneven rounded sides on a div?

I've been trying to make a DIV with uneven rounded sides like this: I've checked some solutions and the closest I can get to it is by using border-radius. I'

Animate reused svg independently

I want some SVGs to animate on click. The SVG is defined once and has been reused multiple times with the <use> tag. I wrote the following code: svg {

How to hide radar chart index labels (chart.js)

I'm trying to make a radar chart with a dark background. White index labels distract from the chart itself. (my chart) I found a thread that raised a question a

Is it possible to assign opacity to a SCSS hex color variable, re using that variable?

I have a series of scss variables representing colors re used throughout my app, like so: $first-color: #00755E I also have colors that are the same as this fi

How to substitute alternate positions in a string using awk

I have a lookup file that I use to search the available records in file_2 and if such records are present then replace those records with #. Currently my code i

How can I host a AR/javascript website on XAMPP/AMPPS?

this could be an obvious question/answer but I am trying to host this AR-based example model website on my local XAMPP host but it keeps appearing with a white

How to resize background-color and adjust its position?

I have an image and when i hover it, background color changes, but I want to change the size and position. .hoverme:hover { background-color: #f7b0ee; b

Why does my css design look okay on various android screens and bad on iphone devices

I'm trying to design a webpage but it looks okay on android devices but when i use apple mobile devices (iphones) it doesnt follow my css rules and looks bad. i

HTML export on EPPlus?

Had a quick question about the EPPlus library. Can it export an excel spreadsheet as an HTML page? The application I am writing needs to be able to do this.

How to change the styling of nested child element inside a shadow DOM using angular

I want to change the font style of a child element which is wrapped inside a parent element which is internally wrapped by others and finally it is enclosed ins

How I can separate the subtabs or (nested tabs) in R markdown and not showing them all side by side?

Hi as mentioned in the question, please, I want to know the code needed to separate the sub tabs in and not showing them all side by side . I tried several code

Prevent blank space in pdf pages (DomPdf)

I don't want to leave blank spaces or leave only the minimum possible in pdf. I noticed that the tag is only inserted on the page when all its content fits on t

Right path for live sass compiler?

What is the right path if ever I already have style/css/main.css folder? How can I map livesasscompile on the same folder? Because it will automatically map on

Text alignment doesnt work on mobile [CSS]

I have a weird problem with text alignment which I never had before. On this app: https://damdafayton-countries.herokuapp.com/ two sections of text doesn't get

How to react clicks on an overlay flexbox(Material UI Grid) element

I have an overlay element, the overlay element is a flexbox container, there is only one item which is centered, so there is space around it. If someone clicks

HTML onchange event sometimes fires twice on input checkbox element

This happens to me in Chrome 79.0. CodePen replicating the issue: https://codepen.io/puckowski/pen/eYmEbVz I have a basic input element which looks like: <

TinyMCE shows error in the editor

I have used tinyMCE for my project. but now I am getting a below error This domain is not registered with TinyMCE Cloud. Start a free trial to discover our pre

How do I adjust the position where an anchor lands?

I'm using React and Material UI for this, On my navigation bar at the top of the page I have several links that are anchor links: return ( <Box sx={{

How to remove arrows on hover of<input type=date> in Chrome [duplicate]

I've created date picker as a button,and when hovering it, it looks messy in chrome browser. may be the reason is only because of its default