807,309 questions
0
votes
1
answer
16
views
Why does the entire viewport fills in red when the element is not that big in size?
Hello! just trying to figure out what is going on here.
I am trying to understand in a comprehensive way, how all this works (I am an experienced one but always with some doubts about the things ...
- 29
-1
votes
0
answers
69
views
How to recreate Ethopia flag using HTML and CSS
I am trying to recreate Ethopia flag using HTML and CSS but I am unable to do the middle part of the flag. The star inside the circle is not coming as expected. HTML and CSS I have applied:
body {
...
-1
votes
0
answers
17
views
I'm trying to apply a simple hover effect to a <div>, but nothing changes when I move the mouse over it [closed]
Here is my exact code:
.btn { width:150px; height:50px; background-color:green; }
.btn :hover{ background-color:red; font-size: 19px; color: white; }
<div class="btn">SIGN UP</div>
- 11
-1
votes
0
answers
61
views
Why are my CSS class styles not applying even though the class name is correct? [closed]
I am trying to apply simple CSS to a paragraph but the styles are not being applied. The CSS file is in the same folder as the HTML file.
Here is the minimal code:
<!DOCTYPE html>
<html>
&...
1
vote
2
answers
42
views
How to prevent rerender of identical component in child?
I'm trying to make a progress bar that has a transition animation. Think: a multi-page wizard, and when you advance to the next page the progress bar animates to the next step.
When the progress bar ...
- 3,387
0
votes
0
answers
74
views
Set gap between list marker and content
Take the following HTML:
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
</ol>
Is it possible to set the gap between “1.” and “one”, which is the ...
- 4,624
1
vote
1
answer
35
views
CSS single property auto-indent in VSCODE
How to configure VScode to keep CSS rules with only one property on a single line when autoformatting? Here is the expected result :
.p-auto { padding: auto !important; }
.px-0 {
padding-left: 0 !...
-3
votes
0
answers
30
views
All browsers (on multiple computers) are loading older versions of style.css for my footer [closed]
Out of the blue today, I noticed that the css for my footer had changed. When I used the inspector, I saw that an older version of style.css had been loaded (for the footer only). The latest version ...
- 27
0
votes
0
answers
24
views
how to change body section style using checkbox in header tag section in a html page [duplicate]
I want to change background color of "maincontent" div element to red when I clicked check box, which is in header tag of my HTML page. please give any idea how to do that.
<!DOCTYPE html&...
- 155
-2
votes
0
answers
41
views
Why is there a space present on the left side of my div? [closed]
HTML:
<div id="div-area">
<p id="title-div1">
Find pages with...
</p>
<label>
all these words:
<input type="text" name="...
Advice
0
votes
0
replies
43
views
css/react/mui border radius like
Graphic designer designed this component that should display forms and messages like an auth form...
I'm a bit confused on how should I code the top right border... I was thinking a simple border-...
- 2,063
-3
votes
0
answers
33
views
Why is my web display not full when I add aos js? (bootstrap5) [closed]
I'm a junior web developer and I want to create a portfolio website using Bootstrap 5. When it's finalized, I want to add animations using AOS JS. However, when I add these, the website doesn't ...
Advice
1
vote
2
replies
113
views
HTML static webpage - how would I have any of the files present in a particular directory be selected in a src
How would I go about, in an HTML webpage, having a random file in a specific directory be selected in a src? My intent is to have a randomized audio file autoplay whenever I open any webpage on my ...
-1
votes
0
answers
50
views
Why doesn’t my CSS animation trigger when toggling a class with JavaScript? [closed]
I’m trying to animate a div when a button is clicked. The class is added correctly, but the animation doesn’t run. Here’s my minimal code:
function toggleBox() {
document.getElementById("box")....
0
votes
0
answers
48
views
Mobile Chrome: Fixed position overlay disappears when scrolling inside sidebar [closed]
Problem
I have a mobile sidebar with a dark overlay (backdrop). When the sidebar is open and the user scrolls inside the sidebar, the overlay disappears or becomes unstable on Chrome mobile (Android). ...
- 9