Questions tagged [css]

CSS (Cascading Style Sheets) is a representation style sheet language used for describing the look and formatting of HTML (HyperText Markup Language), XML (Extensible Markup Language) documents and SVG elements including (but not limited to) colors, layout, fonts, and animations. It also describes how elements should be rendered on screen, on paper, in speech, or on other media.

762,320 questions 11 More

• Bountied 11
• Unanswered
• Frequent
• Score
• Unanswered (my tags)

Display information from an array in a modal

I have 3 boxes, each box contains different information, this box also has a "View rewards" button, I need that when I click for example on box 3, a modal receives the information listed in ... javascript html jquery css Cauê Siqueira

• 3

How to feather div on all sides with CSS [closed]

enter image description here I'm trying to create a colored div that fades the opacity out on all sides simliar to the picture linked above html css Kishan Sripada

• 1

Is there any way to create a modal from a background image?

Is there any way to create a modal from a background image? The example is from w3schools: css: .someplace { background-image: url("img_tree.gif"); } html: <div" title="show questions tagged 'javascript'" rel="tag">javascript css modal-dialog background-image Arcadio

• 116

How can I assign the height of the smallest child to the parent using flexbox row? [duplicate]

I have a flexBox (flex-row) parent, that have 2 children (2 div), I want to assign the height of the smaller children to the parent's height, so the second children (biggest) will be scrollable : &... html css flexbox tailwind-css Nokwiw

• 359

Is there a way to change the color of a badge in css? [closed]

Is there a way to set the color of a badge based on the text inside the badge? I am getting the category or text from a database and there are six different categories/ text that will each have a ... javascript html jquery css ajax responsepolecats

• 1

nav-tabs does not work for me in Bootstrap 5 [duplicate]

<ul> <li> <a href="#bootstrap">Bootstrap Outfitters</a></li&... html css Oluwajuwon Mayomi Akanbi

• 9

Thought process in HTML/CSS [closed]

I started learning web development recently and I found myself "Hard coding" in CSS (for ex/ using margin (-/+) to align instead of the align properties when doing exercises), and I think ... html css Yosity

• 1

detect spaces in front or behind the word for highlighting

I would like to know how I can give highlight on any letter and if there is a space after or before the word it doesn't eat the space... function highlight(text) { const InputsTexts = document.... javascript html css highlight Christian Guimarães

• 13

Getting an element to "Stretch" past padding of the parent container all the way to the edges using CSS only?

If we have elements like this: <main> <div>header</div> <section&... html css Ole

• 36.2k

CSS - Display text next to icon inside the button on the :hover effect

I am having a little problem with displaying the text inside the button on the :hover effect. I want to have an effect where user will hover of the button and the text appears. I managed to make it ... css reactjs button transition Samke11

• 207

Quick question: CSS alteration for DMs on social media site

I am trying to get the image to line up above the sent message as you would have it in most standard DMs: (what I want it to look like) But for some reason, the text ... python html css django django-templates L02

• 1

how to cover/stretch an image across the entire page css/html?

body{ background-image: url("web.png"); background-repeat: no-repeat; width: 100%; } This is the code i tried, but it is not working and i also tried to use screen width as ... html css background-image hth_zard

• 1

React & MUI - Collapse not fully showing flexbox content overflows

I am new to React (v18.1) and MUI (v5.8.4) and I am trying to create a Search modal. I have a simple layout that I made with flexboxes using the Box element from MUI. It is composed of a Searchbar on ... javascript css reactjs material-ui npa_pos

• 3

How to style specific font awesome Icon

what is the correct way to style a font-awesome icon in my style sheet when I have it set up like this <fa-icon [icon]="faExclamationTriangle"></fa-icon> I've tried these in my .... css sass angular-material font-awesome Flash

• 862

How to unload a stylesheet on some pages?

I have a home / page where I use the main.css styling. When I use the navigation I go to another page like /purchase - another file is loaded on top - purchase.css. When I go back to the home page ... css reactjs webpack react-hooks sas Polina Usheva

• 21

1 2 3 4 5 … 50822 Next