Category "css"

CSS Not Linking To HTML Replit

I am using replit to host a chat server using Node.js and Socket.io. I used the getting started guide provided by socket.io (https://socket.io/get-started/chat)

Why is image not showing? and how to put an image on top of the background image? html, css

I'm struggling with understanding css/html at this point. The background-image is only showing when I put it into body in css, but I would prefer to have it in

How do I get SVG textPath to work with animated path?

Please view the demo here: https://codepen.io/bsoutendijk/pen/gOvLMaq Expected behavior: After clicking "update path" button, the path will change, and the text

Responsive HTML text/images in Outlook365, gmail, etc

I have a PowerShell script that creates a single HTML file, email.html, with inline CSS and embedded base64 images.. then sends it daily to me (my website repor

Keeping image size the same relative to each other

So this site I'm making has a hero with a full sized image, a full width image banner beneath it, and then the rest of the page. The hero and banner images have

change the background color of the Table Row

How can I change the background color of the Table Row, I tried using "BackgroundColor" but it didn't change How can i solve the problem? <TableRow styl

before pseudo classifier not working in React

I wanted to apply a background image to the whole of my react app and give it an opacity. I used the following code to do so. .App::before{ content:""; ba

Button text won't be displayed properly in browsers other than Firefox

So I'm studying javascript and I had to do Pokemon-themed app. My goal was to create a Pokeball shaped button and it looked actually pretty decent, but then I d

I have a widget definition showing up outside of my page at the bottom. I can't find what is causing this. Any suggestions?

Help.. Probably simple solution, but. I have a widget definition showing up outside of my page frame boundary at the bottom. I can't find what is causing this.

CSS Grid full width columns on the mobile

I use CSS Grid to show 2 columns (50% grey/50% black). You see how it looks I want to make them full width on the mobile, so that gray would be in the first li

Content is wider than screen on ios

I'm creating a Wordle like app with an on-screen keyboard. When developing on desktop and using dev tools to simulate a mobile screen, it looks fine. But when I

Javascript code broken in firefox browser only

I created a div C. Its absolute position is setted to stay between the bottom margin of div A and top margin of div B. Every div is a rectangle with same width.

Not able to access CSS from the phone storage in Cordova

I am trying to access CSS file from phone storage in Cordova. The simple use case is to use dynamic CSS. Donwload the CSS from the server on a specific interval

Vue component - detect outside click

So, I've implemented this custom dropdown list in Vue JS (2.x) and pretty much have what I need, except once the list is open, I would like for a click outside

MUI: Overlap text over an image?

I'm trying to make half of the text overflow (overlay) with the image on the right. How do I achieve this within a Grid item? I tried using position "absolute",

How to increase the bottom padding of the headline in my blog?

I'm trying to increase the bottom padding of my headline in my blog and for some reason it is not being possible. This is the code that I'm writing to increase

Equivalent of scss @import for styled-components?

I'm making an embeddable widget with react and styled-components, and want to do a big CSS reset in my main app container. I'm going to use the styles from clea

How to change speed of a keyframe without it jumping

I am trying to change the speed of the keyframe by changing animationDuration. but everytime i change the animationDuration, the box that is animated changes po

How to style react styled components using classNames

How to style a styled component based on the class name it has. I found the following implementation through some blogs, but this isn't working. Can someone hel

How to preserve scroll-chain on overflow scrollable element on mobile?

I have this fixed height scrollable ul element which is for a video playlist. Scrolling works fine but when the user scrolls thru all the content they get stuck