806,495 questions
-1
votes
0
answers
14
views
The mobile hamburger menu isn’t displaying or styling correctly with the current CSS
Honestly, I am at my absolute wits' end with this. I’ve spent the last few hours trying absolutely everything to get this working. I'm trying to rework the dropdown menu of my site when it's in mobile ...
0
votes
2
answers
43
views
Is it possible to make list with links to only have numbers using CSS counters?
I have a list with links that I can't modify. Is there a way to make the list show only numbers so you can style it as a pagination?
The links are real links that point to pages, so I need to keep ...
- 67.3k
3
votes
1
answer
75
views
Nested unordered list not displaying text-indent they way I think it should in chrome engine. Works with Firefox
In Firefox all of the li items are out-dented, but in the chrome engine (Chrome, Edge, Comodo) the item that starts a nested list doesn't out-dent. Using Developer Tools shows that the out-dent ...
0
votes
0
answers
166
views
Image mask is not fully transparent but rather semi-opaque [closed]
The issue as of right now is that the "logo-box" (the mask for the logo image) is currently not fully transparent like it is supposed to be. The idea for the logo is for it to be fully ...
- 51
Best practices
0
votes
2
replies
94
views
Struggling to understand how to have some text inside an unordered list bold
A simple example of my unordered list that seems to render but breaks the rules:
<ul>My household pets
<li>There is a fluffy <b>cat</b></li>
<li> The <b>dog&...
Advice
1
vote
4
replies
118
views
As a beginner, how do I transition from HTML/CSS tutorials to building real projects?
I have recently started learning HTML and CSS and can create basic pages using headings, forms, tables, semantic tags, Flexbox, and simple styling.
My challenge is that I can follow tutorials and ...
0
votes
1
answer
81
views
CSS Flexbox collapsing despite being assigned a height [duplicate]
I'm making a front-end for a program that solves a game called Bullpen (aka Queens on LinkedIn).
I want my UI to have a palette of colors on the left-hand side that the user can click on to replicate ...
0
votes
0
answers
86
views
Elementor + UAE Navigation Menu mobile dropdown opens but menu items display horizontally and cause horizontal scrolling [closed]
I'm using Elementor with the Unlimited Elements (UAE) Navigation Menu widget in a custom header.
The menu works correctly on desktop, but on mobile I have a strange issue:
Problem
The hamburger icon ...
0
votes
0
answers
120
views
Print Sizing Errors
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Print Dimension Test - 5mm Discrepancy</title>
<style>
* {
...
-1
votes
0
answers
79
views
CSS overlay issue [closed]
I have an overlay in CSS:
.overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease-in-out;
z-...
2
votes
3
answers
140
views
HTML/CSS: Text is centered, but cursor is left-aligned until typing
I am working on a project which involves text fields in editable boxes. The boxes have some placeholder text until the user clicks into the box, and then the placeholder text disappears, allowing the ...
- 345
-1
votes
0
answers
84
views
How can my rotating image gallery be made to fit within the main container of a responsive website? [closed]
I am attempting to make my own website. The layout is lifted from here. I found a guide on making a marquee here (it's a div with a CSS animation) and combined it with a flexbox horizontal image ...
0
votes
2
answers
168
views
View transition not working for pseudo-class `:checked`
I have a view transition:
checkbox.oninput = () => {
document.startViewTransition(() => {
checkbox.classList.toggle('checked');
});
};
.container {
display: grid;
grid-template: ...
- 3,193
Best practices
0
votes
3
replies
82
views
How to define colors?
As per W3schools:
With CSS, colors can be specified in different ways:
By color names
As RGB values
As hexadecimal values
As HSL values (CSS3)
As HWB values (CSS4)
With the currentcolor keyword
...
- 1,267
-1
votes
1
answer
71
views
Backwards `transition` is sudden
I have code with a forwards and backwards transition. (It uses allow-keywords, so it's for Chrome, not yet other browsers.)
.foo {
transition: width 1s, display 1s;
@starting-style {
width: 0;
...
- 3,193
