Category "css"

How to make an image fill the background of a div? (using img tag in the div itself)

This seems like a simple problem but I'm having a bit of trouble finding a solution. I have cards on my page and I simply want the image (in the img tag which i

h:dataTable Setting the width of the cell has no effect

In h:dataTable, set the width of the style of h:column, but it is invalid. The code is as follows: <h:dataTable rowClasses="column50" .column50 { max-width:

How to animate moving each text -30deg [duplicate]

I have a Problem that my text is moving x-direction instead of 30deg. I need to move the text 30deg along. I use transform: rotate (30deg) and

how to scale down absolute positioned elements in the right way using CSS

i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo

How to call the same angular component multiple times using querySelector

So I have a component called custom-modal.component. The HTML file looks like this: <dialog id="custom-modal"> <ng-content></ng-content> <

How to make this responsive layout

I can't get the right part to assume the center of the page while being constrained by the content of the left part. Does anyone have time to look into my probl

I need to use a boolean column from my database that is set a 1 or 0 to change the look of one of my articles in my web page

Sorry if the title is a little confusing was trying not to make it too long. I am currently in school and my teacher has tasked us with this "Add a boolean colu

What's the best way to achieve this kind of grid template

I'm facing a problem with creating this kind of grid template by the simplest way. I've tried to find something similar to this that would help me but I've foun

How can I style option hover background?

I made select-option. But option:hover does not work. How can I fix it or what do you prefer? Style must be like this My codes <select> <optgrou

how to add a table row that have different size and display compare to other row

in this excercise, i create a table with 5 row in tr and i put the last row (1 input and 2 button) in a div class btn. the display of last row is ok but i expec

How to change the aspect ratio of image and upload to Imgur?

I have a drop zone where you can drop or select images. And I am using a background-image property to display the image. I am building a post scheduler for Inst

how to show 1 div out of 4 at a time

So I have a navigation of 4 links, to 4 divs(pages). I want only one page to show at a time, with the id=home showing first once the page loads. To be clearer,

Popup div hidden at the end of the data table

Currently we are facing an issue related to a div that hides at the end of a data table that we are using in our system. The popup div is working fine from the

what is the "+" meaning in css selector [duplicate]

thanks in advance,recently I'm learning scrapy and I don't what is the "+" meaning ,here is my codeenter image description here

"max-width overrides width, but min-width overrides max-width" - what does it mean? [duplicate]

max-width overrides width, but min-width overrides max-width. - MDN The quote is from MDN documentation, but what they really mean? I don't

Background color going out of the column while using 100%

I am using Bootstrap 5. I have created 2 columns on my page. This is the output I was getting it. Now, I have to show an orange color from end to end of my lef

Why does the second identical button have a thicker hr border?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

BottomNavigation in MUI cannot resize smaller than 400px if containing 5 items

I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains

How to change icon on hover effect?

As an user, I want to see tasks checkbox as gray tick on hover and blue tick when checkbox is checked. <div id="app"> <v-app id="inspire">

How to get a index of class onhover?

I have the following div structure: <div class="0"> <div class="test"></div> </div> <div class="1"> <div class="test"