Category "css"

Vue.js rendering issues with safari

I have a portfolio website written using Vue and Laravel that renders out project thumbnails with v-for. This works completely fine on every browser apart from

CSS transitions always start at user agent style sheet

I'm currently fiddling with a website, and I wanted to animate a button's background color on hover. Unfortunately, the button will always start as white (brows

why my external css file not loading with html file on my tomcat server

I am beginner and I don't know why my external studentinformation.css file is not loading when I run my Signup.html on tomcat 3.2 or above but loads when I righ

How do I create a scoped class without @include?

I managed to create a scoped CSS class like this: .container { @import "./baa"; /* other props ... */ } but since @import is getting depreciated,

Incomplete CSS grid leaving first item blank instead of last

I want to display an unknown number of items in a 3 column grid. CSS grid seems like the perfect solution and using it in its simplest form gives me 99% of what

Fit parent height for Table in Material UI?

I want the table height to fit the parent’s available height. Ideally, I want: The footer to always be docked at the bottom of the parent container. If t

When I scroll a modal in mobile, an extra white space appears on the bottom of the page

html code <button onclick="openModal()">Click</button> <div id="my-modal" class="modal"> <span class="closed" onclick="closeModa

How can i make the dropdown the same size as button (width)

I have a dropdown and a button, how would I go on about making the dropdown the same size as the button? :root { --navbarbgc: rgb(83, 79, 79); --drop

How To Create a Horizontal Scrolling Menu starting from the centre?

How to create a Horizontal Scrolling Menu starting from the centre as shown in the image below? I need to add scrolling to my page. .vist { text-align: cen

Problem with my slider, it does not appear

I'm trying to make a slider for my website, but the slider I created is not rendering. I attempted to write only the slider's markup, which worked, however, it

html link focus and hover states does not work properly with css column-count in chrome

When i use css column-count i get the following focus issue: Part of the outline is shown in the previous column (see image) code example: ul { list-styl

Resize jQuery autocomplete UI according to the cursor position

I'm creating autocomplete feature for my own low level program executor.I need to get the autocomplete values near the alphabet typed like in VScode and other I

Flexbox - center vertically second row

I'd like to position second row in the center of container, but I can't figure out how to make it. align-self works in horizontal direction only - even if flex-

How to create a curve on the top of a background?

Please help me change the cutout from .top so that it is on top and not on the right. As shown in the image. Thank you very much in advance. I really hope for y

Javascript remove background color and opacity

How can I remove the background-color and opacity property using Javascript only (no Jquery!). I tried this: document.getElementById('darkOverlay').style.remo

add_action() function in wordpress not working [duplicate]

I am new in Wordpress and I am writing this code in my functions.php but it isn't working. This is my code: <?php function myFunction(){

Difference between Localhost and opening html file

What is the fundamental difference running a file using a server in localhost, and opening a file such as file:///Users/$user_name/$your_directory/index.html, a

Conditionally applying css to mat form field

I am working on an angular application and I am using mat form fields in it. For changing color of botttom border of mat form field I am using mat-form-field-ri

Unable to resolve path to module '@aws-amplify/ui-react/styles.css'

I am getting the error: Unable to resolve path to module '@aws-amplify/ui-react/styles.css' I am using the amplify authenticator component shown in the follow

HTML in OneNote Add-in API

I've created my own OneNote Add-in using Nodejs. I am having two issues. I've searched high and low and haven't found a solution. My add-in adds a new outlin