806,646 questions
Best practices
0
votes
0
replies
30
views
Highlight column header (thead>th) after clicking a data cell (tbody>td) only using css
I was wondering if it is possible to highlight the column header (thead>th) of a html table after clicking a data cell (tbody>td) only using css? I know that you could do it easily with ...
- 32
-1
votes
1
answer
95
views
How to apply CSS styles when an element is focused via a mouse-click-and-hold, and then loses focus when the click is released outside the element
I am working on an accessibility design concept where a user clicks and holds an element, such as a button, and subsequently releases the mouse outside of it. When this occurs, the element's visual ...
- 2,053
-8
votes
0
answers
67
views
task ten for html css javascript [closed]
I am practicing HTML, CSS, and vanilla JavaScript by creating small UI components and mini-projects.
I created:
draggable element
premium animated input
digital clock
Everything works, but I want ...
-4
votes
1
answer
51
views
Elementor Opened mobile menu disappears on scroll [closed]
I use Hello Biz theme with latest Elementor (4.0.4).
https://zoe-cosmetics.co.il/
The issue is visible only on mobile devices and not in browser emulators, when menu is expanded in mobile, it ...
Advice
0
votes
7
replies
77
views
Possible to base CSS application based on EFFECT of containing CSS/HTML?
I am the webmaster of a site that has been ... evolving ... over time, as I've learned more about HTML and CSS. Unfortunately, the site is quite large, and updating the older pages is a project that I'...
- 11k
Advice
0
votes
4
replies
64
views
Is there a CSS only solution to control how overflow reduction applies to child elements?
I have this dynamic toolbar, that lists selected options. Sometimes, that list becomes too long or the viewport width is too small, so we need to shorten each option to the value (omit the name).
We ...
- 5,079
0
votes
0
answers
36
views
'overflow-y: auto' on a flex child with 'height: 100vh' doesn't scroll in Safari - rubber-band only
I have a three-column portfolio layout. Each column is a flex child of a full-height flex row and should scroll independently. It works perfectly in Chrome but in Safari the columns only show rubber-...
Advice
0
votes
5
replies
77
views
Chessboard layout, fill parent and remain perfect square
I am trying to make a chessboard with this layout, chat panel on left, board in middle and controls panel on right.
Using container queries and 100cqmin i can get the board to always take that space ...
- 424
2
votes
0
answers
49
views
Prevent the VirtualKeyboard from popping up on mobile devices when pressing a button
I have a custom dropdown field on my website. The dropdown is activated by clicking a button.
I am trying to prevent the VirtualKeyboard from popping up when the button is clicked.
The code below ...
- 631
1
vote
0
answers
51
views
WordPress header UI break issues with the event calander and DIVI 5
I am facing a strange issue with Divi 5 + The Events Calendar on my WordPress site.
Issue:
The main event archive page /event/ breaks the Divi header UI/layout.
Single event pages like /event/sample-...
- 11
-2
votes
0
answers
57
views
Trying to build UI using react tailwind not able to figure out how to get he desired output [duplicate]
I'm trying to build a UI where a large heading partially reveals an image inside the text while the remaining part of the image stays visible normally below the text.
Layout idea:
Top section ...
Advice
1
vote
9
replies
187
views
Stuck in tutorial hell after 4 years: How do I build websites and think independently?
I have been coding for about 4 years now. I have watched numerous courses and followed many tutorials, but I am facing a major roadblock: I still can't build beneficial websites or figure out how to ...
0
votes
1
answer
60
views
How do I make a scrollable tray with fixed-position custom scroll buttons?
I'm trying to create a scrollable horizontal tray of thumbnails with custom scroll buttons and no scroll bar.
The tray will be wider than its parent div, and I want to have button-divs fixed/stickied ...
- 915
1
vote
1
answer
112
views
Html text on button won't change colour
I am trying to change the colour of the text on a button, and it just won't change.
Also, somewhat unrelated to the question at hand, if I put my "text-decoration:none;" up in the css ...
- 11
0
votes
2
answers
170
views
Stacked Diacritics coloring in a precise way, without manual font rendering system
I am trying to build a css only system which would be used in my Anki card deck. The purpose of this system is to color-highlight diacritic symbols on language which make heavy use of tones and ...
- 33
