With plain JavaScript + HTML, I would like to listen on multiple inputs including a <select>-tag and generate an output text field (which can be copied) without the need to click on a button. If possible, I would like to…
I am having trouble getting SVG and CSS to play together to get the function I want. I want to be able to hover over the pie sectors of a graph and have the info in the middle change. I…
I am working on a React project where I need to animate individual letters in a string, so I am splitting the string into separate span elements for each letter. However, I'm facing an issue where the text looks different…
I have a test website with a navbar and slidebar. I'm trying to get the sidebar to stack over the navbar or resize the navbar. The footer is fine, I think, because it’s position is fixed. I would like the…
I have a child component with an <input> element. I can customize the component from a parent using several attributes like placeholder, maxlength, required, etc. But I cannot get type= to fallthrough like the rest. I've searched for hours but…
I am struggling with keeping containers out of the flow until i click a button to show them. Maybe its a fundamental thing . In this example , when i click on any of the category of : MEN ,…
I want to make a popup with a slideshow but I have a problem, I can't get the naviagtion arrows be placed inside the image container, so when the website is resized they stay in the same place. I want…
I have text wrapped inside a div, and I want this div to have a border and padding, but apparently the parent div doesn't adapt to the child size. .section { height: 100%; margin: auto; display: flex; flex-direction: column; box-sizing:…
(https://i.sstatic.net/fzSnPIe6.png) I tried reducing right padding 2px yet it didn't remove the line spacing after E.(https://i.sstatic.net/lGzbVcw9.png) I have also tried making the right margin -2px(https://i.sstatic.net/3GqaSJLl.png).It does reduce the margin by 2 but not the content space by 2.Is there any…
I'm trying to animate text and change the color in the middle of the screen, like this HTML <div class="text-mask"> <div class="scrolling-text">MASKED TEXT</div> </div> CSS body { background-color: #000; } .text-mask { font-size: 100px; font-weight: bold; background: linear-gradient(to right, orange…