Questions Tagged [Css]
Ask Question Css (Cascading Style Sheets) Is a Representation Style Sheet Language Used for Describing the Look and Formatting of Html (Hypertext Markup...
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.
Must Read
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 :
&...
-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&...
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 ...
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 ....
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 ...