Category "css"

Bootstrap 5 tooltip placement top issue when page has a scroll

I have an issue with tooltips in bootstrap when the placement top is forced. I use the latest version for now: 5.1.3 I have tried to create a code snipped, but

Bootstrap-Select stops display options when there's too many values

I'm using bootstrap-select to collect data from the database and display them in a list. It appears that when there are too many values, they stop loading after

Ordered list 1, 1.1, a

Current result: 1. Item 1.1 Subitem 1.2 Subitem2 1.2.1 something more 1.2.2 another point Desired result: 1. Item 1.1 Subitem 1.2 Subitem2

I am getting "'navBar' is defined but never used no-unused-vars" warning .How to solve it? (React App)

import './App.css'; import Search from './components/HomePage/SearchBar'; import navBar from './components/common/Header.js'; import footer from './components/c

Link messing up icon formatting

This website that I've been working on is giving me some problems. Whenever I give it a <a href> tag, it repositions it (the link) and changed how the tex

set arrow with tooltip of matTooltip angular material

in angular material it provide matTooltip attribute to show tooltip . i want to show arrow with tooltip pointing towards overflow text. but tooltip position is

Allows CSS Grid columns to be shorter than the Grid Gap to prevent overflow

I'm working on my grid system that allows up to 16 columns per row and each was divided with 1rem gap. There can be 4 columns in a row if each column takes 4 w

Certain DOM Manipulation doesn't work with passport js

I realised when I am not logged in on my website certain DOM elements don't work. I am using passport-local implement auth on my website. For example when I pre

my site looks fine on the developing screen but zoomed in on other screens even if they are the same size of mine?

I am developing the front-end o a website using vue.js version 2 and bootstrap-vue (bootstrap v-4.5). Its responsive and works fine on mobile but on laptops and

Flex boxs overlapping in direction column

I am trying to make a footer that displays a button on the left, and 3 social media icons on the right and a copyright text below it which I seem to have workin

How to remove white border on lazy loaded images in Safari

I'm adding some native lazy loading to images on a website using the standard loading="lazy" tag. It works fine and does the job I want, but in Safari (desktop

Swap 3 divs and make the selection div go to the center

I have three divs and I want that every single time I click on any div, it will be swapped with a second div which is meant to be at the center. I have tried li

Flask CSS Error after pressing submit button

I have a flask web that makes prediction and returns it. The index page is rendered, the model receives data and makes a prediction and shows it correctly. But

Size of divs in HTML

I want to reduce the size of these divs so that every row contain 3 cards at most. As I change the measurements in the CSS, it gets smaller and smaller. PS I'm

Modified row spacing in Bootstrap 5

I have the following markup. <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="contr

How to design an HTML page that does not crash by reshaping the elements [closed]

I created an animate Android logo bot using HTML, CSS and JavaScript, which is 100% in place in zoom mode, but by resizing the web page, every

Specify multiple attribute selectors in CSS

What is the syntax for doing something like: input[name="Sex" AND value="M"] Basically, I want to select the input element that has the attribute name="Sex"

problem trying to make div responsive using CSS

I'm new to css / html / js what I'm trying to fix is the images placement in Div, i wanna make it more organized and responsive so when I resize chrome i wont e

Keep all style of page inside page block element

I have this code : <div class="page-payment"> <div class="payment-methods" v-if="!pending"> <sepa-modal ref="sepaModal" /> &

Transition a div height when the content is updated by livewire

So we got a div with a Livewire component to choose languages : <div> @livewire('multiple-languages', [ ... ]) </div> When the user selects a l