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
0 votes
0 answers
18 views

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 ...
-2 votes
0 answers
15 views

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
0 votes
0 answers
15 views

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 class="someplace&...
0 votes
0 answers
18 views

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 : &...
  • 359
-5 votes
0 answers
24 views

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 ...
0 votes
0 answers
8 views

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

<ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" href="#bootstrap" id="outfitter" role="tab" data-mdb-toggle="tab">Bootstrap Outfitters</a></li&...
-1 votes
0 answers
26 views

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 ...
0 votes
1 answer
27 views

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....
0 votes
2 answers
24 views

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 style="padding: 16px; width: 400px; border: 2px dashed gray;"> <div style="background-color: gray;">header</div> <section&...
  • 36.2k
0 votes
1 answer
9 views

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 ...
0 votes
0 answers
6 views

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 ...
  • 1
0 votes
1 answer
18 views

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 ...
0 votes
0 answers
7 views

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 ...
-1 votes
0 answers
16 views

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 ....
  • 862
1 vote
0 answers
12 views

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 ...

15 30 50 per page
1
2 3 4 5
…
50822
James H. Sterling

James H. Sterling

Environmental Science & Climate Journalist

James Sterling reports on renewable energy developments, climate policy, ecological conservation, and green tech innovations around the globe.

Share this article
Twitter Facebook Pinterest