Category "css"

Why does Bootsrap overwrite my local stylesheet?

Whenever I import bootstrap like this <link rel="stylesheet" href="./css/style.css"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/

how to move placeholder to top on focus and while typing

I am trying to implement a simple input box where when I click on the box the placeholder value moves to the top but have an issue that it always shows on top.

carousel only with pure javascript - cannot figure out some things

I have a really important project to present next week and I cannot seem to figure out how to do a simple carousel with js and css. I have always used bootstrap

How to clip a background image using css without affecting its size?

I'm using a picture I found on Google Images as a background image. However, a Google Search bar appears at its top. On its left hand side various icons/logs su

county boundaries for US map with large data

I am trying to load all the county boundaries in the initial load. So I researched and found that loadGeoJson will support that. when I test with state boundari

Why does using replaceAll instead of replace give me bad results?

I'm still working on my IDE and I keep running into problems and I'm wondering if I just keep doing something wrong this is the sample of code that I need help

CSS Selector: Clicking on child element based upon value of other child element

Here is the code snippet: I am trying to click on Building Div based upon the title attribute value of class card-details__title. Thanks

Menu Item does not break like but pushes one word over the other when re-sizing window

It's probably something small, but I cannot figure it out. When resizing the browser window, the string in the list items don't break onto a new line. (see imag

Sticky Nav Bar Issues

I am trying to make a sticky navbar but when i do position: fixed it moves my navigation and merges it to the top left. the logo should be on the left and the n

how to keep the same amount of a background image visible as screen sizes change?

Is it possible using only CSS to replicate how as screen sizes change but the same amount of image is seen? I have been able to scale the image but the amount o

random an infinite generated grid of pictures

I have some trouble with this web app I'm making, I need to make an infinite and random grid, but I don't know how to make it random, in that way that either it

Make YouTube video embed responsive

I have some videos that are embedded on my webpage from YouTube. The thing is I am using the below-attached code to make it responsive (via bootstrap). It's goo

Why are my inline divs at different heights?

I am using a grid container on an html page; inside two adjacent divs in the grid I have some little divs. I want these little divs to appear at the same height

How can I center an animation so it goes from the middle?

An example of what I want (the main text eg. subscribe): https://sounddrout.com/ My code basically has a repeating typewriter effect on it and it just goes from

javascript setAttribute replacement

I am new to javascript and have problem when play with w3school's example. Here is the link the problem from https://www.w3schools.com/howto/tryit.asp?filename=

How to add branch lines to angular material table?

I am working on a UI (using Angular 10), where I have to show hierarchical structure inside a mat table. The HTML code is using mat table to show the data, and

Stay/Collapse nav bar

I have navbar menus with submenu dropped-down. whenever the menu is clicked then the submenus is expanded however when the submenu is clicked then the sub-menus

The `auto` mode of `contain-intrinsic-height` isn't remembering discovered element heights?

In this simple jsbin example, I have code that looks like this: <style> div { content-visibility: auto; contain-intrinsic-height: auto 10px; }

What happen to this v-for directive

I wanted to make some object like below So, at first I wrote code below <div class="p-2 border-2 border-blue-300 mr-auto rounded-full space-x-1"> <

Remove Klarna Payments with cash on delivery method

I have a problem with a code. So I have five different payment methods in my site. When a customer select "Cash on delivery" as shipment method all the payment