1,189,002 questions
0
votes
0
answers
13
views
How to change the color of the white navigation bar to match the website color?
I'm trying to change the color of the navigation bar on mobile devices to match my website's theme color, but it's not working as expected. The navigation bar remains white despite using several ...
- 11
0
votes
1
answer
31
views
Why text is not moving to the top-right of the image?
My understanding is that both img and span are inline elements and should be moved next to each other.
However, I don't see that happening in below example.
My HTML Body looks as below:
<body>
...
- 15.5k
1
vote
0
answers
32
views
white-space: nowrap resizes parent but does not respect scrollbar
I have a sidebar with some text that must not wrap. If the text is too big for the container, I want the container (i.e. the sidebar) to expand. Here is an MVP of the problem:
<html>
<body>...
- 83
0
votes
0
answers
9
views
Clearing cache on submit of a Wordpress CF7 form
I have a Wordpress site using CF7, Dynamic text plugin and ACF. I send a user an email containing a URL that when clicked opens up a custom post type specific to that user. The post has a CF7 form on ...
- 1
0
votes
0
answers
25
views
Does Any Inline Button Always Behave as Inline-Block?
I'm trying to understand this behavior where an inline button behaves like an inline-block, in that its background extends to fill the entire line height:
html {
padding: 1em;
font-size: 20px;
...
- 359
-3
votes
3
answers
42
views
Center absolute text under image
I have a row of four images displayed next to each other, and I want to show text beneath each image when hovered over. The text should remain hidden until hover and should not affect the content's ...
- 11
-4
votes
0
answers
53
views
Console.log HTML elements [closed]
Starting out in JavaScript with VScode and Chrome on PC
this line of code
console.log(document.getElementById(app-title'));
puts this on the console
(solid triagle)h1#iapp-title
but the tutorial I'...
- 1
0
votes
4
answers
62
views
Css using display style with fade-in animation togather
I developed an HTML code and I intend to display the text related to each link with a fade-in animation when the link is clicked.
In this code, I have a card with two columns. The first column ...
- 17.2k
0
votes
1
answer
45
views
JavaScript popup calling different images onclick
I have created an image popup which uses javaScript to call different images onClick.
HTML Code snippet for the same as below.
<img onmouseover="imgload();" src="11.jpg">
<...
- 15.7k
-3
votes
1
answer
59
views
Spring Boot-Thymeleaf redirect problem (When doing post request) [closed]
When I perform a POST request to the "login-admin" endpoint, I want it to redirect to the "admin-dashboard" endpoint. However, I am encountering an issue where it does not redirect ...
- 1
0
votes
1
answer
20
views
Datatables instance not synced with DOM (input checkbox status)
I have a table my_tbl initialized with datatables2.1.8.js jQuery library:
/* using python django template because table template is not in the same html file */
{% include 'my_tbl_template.html' %}
...
0
votes
1
answer
12
views
NuxtUI custom styling of <URadioGroup> component
I would like to style my Radio component like this -
But Nuxt UI default styling gives me this. Without much ability to customize -
I achieved the first styling in a very hacky way. I saw the DOM of ...
- 94
-1
votes
0
answers
16
views
Issue with YouTube Video Embed: Black Bars on Desktop, Correct Aspect Ratio on Mobile
I'm working on an email campaign that includes a CTA (Call to Action) directing users to a cloud page where I've embedded a YouTube video. The video displays correctly on mobile devices, maintaining ...
-1
votes
4
answers
53
views
Text displayed by a span tag followed by font awesome i tag is all displayed in UPPERCASE where as I need them in lowercase. How to fix this?
I'm trying to display the e-mail address followed by an envelop icon placed from font awesome. However, the e-mail address is displayed all in UPPERCASE letters while I have not given such specific ...
-2
votes
0
answers
23
views
Scrolling Glitch [closed]
hi i am creating a website and i am experiencing a scrolling glinch. I cant seem to pin-point the problem and I was hoping someone could help me. Currently its taking me 2 scrolls to get to the bottom ...
-1
votes
2
answers
38
views
Detect focus enter direction coming from the browser toolbar
Update: A workaround can be having an empty div just before the first focusable element and one after the last focusable element, and redirect focus to the correct element. Not sure if there is a less ...
- 2,146
-4
votes
0
answers
42
views
loading content thru PHP to simplify or is there a way to load it in a div? [closed]
I have my header/css and part of the body including the <div tag for the cell the content is in as one file and then the footer with the and and segment as another file and then have the ...
0
votes
0
answers
18
views
Move grid element to the empty space [duplicate]
I want to move the third div using css into the upper empty space. Every element has it is own height. How can I do it?
<div class="grid">
<div style="height: fit-content;&...
- 62
-2
votes
2
answers
113
views
How can I change my code to obtain simpler form and brighter blinking dots
I want to obtain blinking dots one after one in one direction and then blinking have to go back, and all have to happen in the loop. I have created CSS code with Javascript according to first five ...
0
votes
3
answers
50
views
How to make table cell height equal without image on one cell overgrow the table?
So I have a <table> that has 1 row with 2 columns, one row containing an extraordinarily large image, the other row just contains your usual table cell content - a few <p>s.
Here's a ...
- 386
-3
votes
0
answers
22
views
How to change "Choose File" and "No file is chosen" [duplicate]
I need to change two text in the input, the project uses bootstrap 5, I also need to save all bootstrap styles when changing the texts, how can this be done (I found how to change the choose file, but ...
0
votes
1
answer
25
views
Review box disappears when slider to the left is clicked
I am very new to JavaScript.
My review slider works on the button to the right but when left is clicked and try to get from the first to the left last slide the review box disappears
const slides =...
- 3
0
votes
1
answer
28
views
EJS Syntax issue Could not find matching close tag for "<%-" in node js
I am creating dashboard where I have created a layout for sidebar and different pages of sidebar have different content.
here is the layout.ejs:
<!DOCTYPE html>
<html lang="en">
&...
- 175
0
votes
1
answer
30
views
How to fix "paths[0]" argument must be of type string. Received an instance of Array" error when introducing Mustache partials with ExpressJS?
index.js logging the view paths to ensure partials are visable
import express from 'express';
import bodyParser from 'body-parser';
import path from 'path';
import { fileURLToPath } from 'url';
import ...
- 123
1
vote
0
answers
18
views
Webauthn - Browser fails to recognize autocomplete attribute
I am using an input for users to log in using email or phone. However, recently added an initial support for passkeys. I want to use the Conditional UI so users are not bothered if no passkeys are ...
- 11
-1
votes
0
answers
40
views
appendChild does not work while modifying innerHTML does [closed]
Ok I know the title looks like I'll be asking "why does parent.appendChild("some text") not work". It is not the case though.
I have a function of signature string => SVGElement ...
- 39
0
votes
1
answer
39
views
Use Buttons in HTML page to open different Iframes
I want to use the same script from different input buttons on the page, loading different iframes.
I am able to pass the Button Id and the Button Value to the function.
BUT how do I pass the Frame ...
- 11
0
votes
0
answers
24
views
Making an Enigma Machine in React [closed]
I am making the plugboard functionality for an enigma machine in React. I currently have a keyboard layout displayed on the screen (a, b, c, d, ...) not qwerty. Regardless, my idea was that a user ...
0
votes
0
answers
15
views
Embedded Slickgrid Table in Iframe not rendering completely(Iframe-Html)
Video -> here
'Standalone' Slickgrid Table with Frozen columns renders fine but when embedded into a html Iframe (NO SERVER),the table does not render completely.
Missing - TableHeader, Unfrozen ...
- 1,521
0
votes
1
answer
50
views
Need help floating an element with CSS
I'm trying to design this webpage for this class I'm taking but having some trouble. I've only ever posted code to this site, but I'm going to try and include screenshots this time so if it doesn't ...
1
vote
0
answers
34
views
Why does my website keep redirecting me to the spotify authentication page?
Im using the spotify PKCE authentication for my website. However, no matter if I press agree or cancel, it just keeps redirecting back to the authentication page. I am trying to make a website that ...
- 11
0
votes
2
answers
44
views
Animation cuts when i stop pressing :active css
i've been designing a button, then you press, then appears an ::after with content "copied!"
Ok, while ::after appears there is an animation, that animation triggers with :active property, ...
1
vote
1
answer
17
views
How to stop page theme FLASH in Next.JS 15 using Tailwind CSS and prevent hydration mismatch
Is it possible to implement a successful page theme initialisation without the common flash issue, and whilst also avoiding any hydration mismatch errors?
My solution so far has been to execute ...
- 114
1
vote
0
answers
37
views
card flip with backface-visibilty: hidden
I'll appreciate suggestions on how to achieve this flip functionality in my angular application. I currently have it partially working (please see sample on stackblitz (click to review sample). I am ...
- 52
0
votes
1
answer
44
views
Why won't the boxes display? [closed]
I'm creating a website which will have several boxes people can click on to get to articles, right now I have two but the borders won't display.
Here is my HTML code
.box{
border-style: solid;
...
1
vote
1
answer
44
views
Combine data from different cells in a table
I'm trying to read data stored in a csv file and present it in a table, using JavaScript. The csv data (comma delimited) is (I reduced it to be much smaller than the actual one):
Number, PDF1, PDF2, ...
1
vote
0
answers
24
views
JS, Is there a way web client access file cached date of image url?
I have a react component for thumbnails in client,
export default function Thumbnail({
url,
updatedDate, // updatedDate is from server api
}) {
const cachedDate = new Date(.....);
const ...
- 361
0
votes
1
answer
21
views
CSS looking like table with fixed header and left column
I need to create something looking like table, so we have cells.
The problem is, i need to first "column" and first "row" will be fixed, so when i scroll vertically or horizontally ...
- 51
-1
votes
2
answers
54
views
Show / hide div using checkbox and addEventListener click event
The following javascript works but not in my application as a product filter. In my case, clicking the checkbox displays the div but unchecking does not hide the div. Applying, onclick event to the ...
- 79
0
votes
0
answers
27
views
Chart.js barplot keeps getting bigger without stopping [closed]
Just like the title says. I have a chart that when I open the page it keeps getting bigger and bigger and bigger. I genuinely don't understand why because I have another plot pretty similar with the ...
- 43
-1
votes
0
answers
41
views
Issue with CSS for overflow for dropdown
I have created this dummy top nav bar, where i have multiple drop-down which can be scrollable on x axis via buttons if multiple . But when i open the dropdown it is being opened in scroll view for y ...
- 80
-1
votes
1
answer
36
views
Putting span below the H3
Hi I'm trying to get the tan paragraphs below the h3's. Here is a photo of what it looks like currently:
Also want to make sure it stays in two rows as currently pictured. I tried multiple version of ...
1
vote
1
answer
31
views
Change font of Quarto 'term' when rendering to HTML using custom .css
I'm building a template .css for my brand which will be used by Quarto to render HTML docs. This page shows how to insert a term (scroll down to the bottom of Lists). In the rendered HTML, the term ...
- 2,085
0
votes
0
answers
10
views
How do I get rid of the white borders? [duplicate]
<center>
<button onclick="openGame()" style="background-color: #0047AB; color: #fff; border: 1; border-color: #0047AB; vertical-align: center; font-size: 26px; width:100%; ...
1
vote
1
answer
28
views
How does .Static function works in Echo for Go
I have been dealing with an issue with the static files in the application I'm building in go using Echo framework, I can not get the files to load, I only get 404 for the static files.
I have this in ...
- 31
0
votes
0
answers
16
views
Navigation menu items visibility in Bulma CSS on mobile
I'm using Bulma css without any Javascript or other styles, directly imported in my html.
I am trying to change the display options for the navigation menu to show my call-to-action buttons in the ...
-2
votes
0
answers
34
views
How to merge first column in html table using JavaScript [closed]
I m using html table .I need to merge the row if rows have repeated values.
below is my code
function myFunction() {
const previousRow = {};
const colsChanged = {};
let dark = false;
...
- 17
-1
votes
0
answers
37
views
I am making a password checker for an admin login page it doesn't when it should on paper [closed]
So I am making a login page for my website for admins and it has just one set password and it worked but when I tried to check if it would kick me out and it just sends me to the Admin page and not ...
0
votes
0
answers
16
views
Exclude certain HTML item testing during Github Linter test
During my linting test in Github Actions I've met an issue that looks like this:
Config loaded: /action/lib/.automation/.htmlhintrc
/github/workspace/consoleLogQuiz.html
L45 | <...
0
votes
2
answers
62
views
Text wrap does not respect aspect ratio
I am trying to create a testimonial. There is a testimonial container that contains three direct child divs: profile-image, name, and feedback. The testimonial div is flexbox, and its direction is ...
- 518