Category "css"

How to fit a img wholly into a div so that I don't see a background color?

A white background can be seen at the bottom of the div, can this be fixed? .flexbox-item_one { display: inline-block; width: 200px; margin: 10px; b

Why can't I set the text color of this span element to white

Simply put, I want to change the color of the first two texts of each line to white, but it doesn't work anyway. It is as if the span elements generated by js c

CSS input box cutting off text

I am having an issue where the text in this input box is being cut off. I've increased the height and the width and it is still showing the same amount of chara

VueJS generate seperated JS and html files with vue-template-loader/ Website without JavaScript

So here´s a weird question. We have to develop an own website in our module Frontend Design for a study project. Problem is, our prof seems to live 30 yea

Specify the padding between rows in a checkboxGroupInput

This is my shiny application: ui.R # values to show, or not show, these will be the 'choices' and 'selected' values # for the checkboxGroupInput() all_rows <

Bike parts in box are not fixing in one place - html css

I am using Visual Products Configurator as per client needs. The product is a bike, and it is divided into 4 parts. Bike body Front wheel Back wheel Seat I am

Javascript Animated Skill Bar On Scroll

I'd like to activate all of this animations whenever I scroll to a certain section, in this case the second one.So basically it starts with the section one and

Scoping v5 MUI Styles

We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio

Bootstrap 5 Accordion button (arrow) missing

I've copied the example from Bootstrap 5.1 docs. When I pasted it into my .html it looked clunky (and was missing the default arrow) so I did some minor css to

browser won't load css stylesheet for my local website using express and node

And the app.js screenshot: I tried every possible combination of href and express.static(""); adresses. I either get a response from a browser saying browser

Why Is My HTML and CSS Code Not Running Properly On The Internet?

I recently added some text effects to my website in HTML and CSS. It runs perfectly on VS Code live sever but whenever I upload the code files on to my cpanel,

Component not centering when screen is smaller

I am making a website which has to be compatible for all devices (laptop, tablet, phone) and can't seem to get my weather API component to become smaller when o

Keep constraints between two elements when one is getting off screen

I would like an element "1" to go off screen (off red square in my example) and to be followed by an element "2" without having to use anything else than CSS co

Javascript works in codepen but not on browser

const toggleButton = document.getElementsByClassName('navbar-toggle')[0]; const navbarLinks = document.getElementsByClassName('navbar-links'); toggleButton.

Display text (flexbox) when hover over image

I want to hover over the rotating circle to display the 4 "about" texts. But the issue is that I am using flexbox and when I enter the cursor into the area cove

How to make this CARD/CHART Component with Next.js and Apexchart

I know this questions it's kind of too open, but I'm need some guidelines in how to do something like this... That's a card 200x200 with that information. The

HighCharts: align rotated multiline label

I'm trying to align axis labels in HighCharts Labels should not be trimed, so ellipsis is not allowed How it looks now: How I want it to be: Code: https://jsfid

Place position fixed item inside d-flex to right hand size

I am trying to make a alphabetic navigation bar at the right hand side of screen. The purpose of this bar is to navigate to the correct country code base on the

How to justify on both sides text into a DIV in HTML5 for being rendered into a PDF by using DinkToPDF

Recently I started using DinkToPdf library to convert a html in an asp.net core 6 project to a PDF file. I started by creating a Proof of Concept cshtml that wi

how to customize tooltip width in bootstrap

I have a bootstrap tooltip like the following. <i class="fas fa-question-circle" style="color: #f44336; cursor: pointer;" data-toggle="tooltip" data-plac