Questions tagged [html]
HTML (HyperText Markup Language) is the markup language for creating web pages and other information to be displayed in a web browser. Questions regarding HTML should include a minimal reproducible example and some idea of what you're trying to achieve. This tag is rarely used alone and is often paired with CSS and JavaScript.
1,188,085
questions
0
votes
0
answers
7
views
validation to avoid overlapping of text not working inside squares
Following steps need to be followed in order for the code to work.
Select one option from Select options dropdown.
Select a color from the dropdown.
Click Show Options button
Enter a row and column (...
0
votes
0
answers
14
views
Next Page when data is full in A4 size using html Javascript
I have a problem which I can't move data from next page if it is already exceed in the a4 size currently it will auto expand the container div and it did not create new page if data is full or exceed ...
0
votes
0
answers
5
views
Repeater ACF WORDPRESS is not wordking
<?php
// Check rows exists.
if( have_rows('accordion') ):
// Loop through rows.
while( have_rows('accordion') ) : the_row();
// Load sub field value.
$sub_value1 = ...
0
votes
0
answers
8
views
Webflow Tab Data Change
Dropdown Change with it's Data
All Data and Image will be changed.Here we have three item.When any user change data for comperision. it only change one row data.Also It's change it's image also when ...
-2
votes
3
answers
21
views
Having trouble adjusting the height of my card in bootstrap
<div class="card border-dark bg-white text-dark" style="width: 400px; height: auto; margin :10px auto ">
<div class="card-header">
<h3&...
0
votes
0
answers
9
views
How do I change the color of text in Quasar?
I tried
<p color="primary">foo</p>
and
<p style="color: primary">foo</p>
but neither works. How do I make my text colour primary?
-2
votes
0
answers
10
views
How to embed a TikTok mobile link to my web website?
I have a website that allows users to create trip itineraries. One of the features is embedding TikTok videos of points of interest into the site. However, according to TikTok's documentation for ...
0
votes
0
answers
15
views
Dragging / Hyperlink Functionality
I've been trying to make website for a bit now, and I wanted to ask for some help on making this draggable folder that doubles as a hyperlink. I want it to resemble Kendrick Lamar's oklama.com, where ...
0
votes
0
answers
6
views
Extracting page metadata when converting DOCX to HTML (javascript)
I'm working on a Vue page where I need to convert DOCX files to HTML while preserving page metadata (e.g., page numbers, section breaks).
I've explored libraries like Mammoth.js, but it seems they don'...
-3
votes
0
answers
15
views
How can i make a terminal in JavaScript that can run Python code? [closed]
ok so, what I want is a terminal with the command runPython that can run Python code inputted in a box. once the code is inputted, it runs in the terminal. For example if we made print("I had to ...
0
votes
0
answers
27
views
How to align items vertically in css?
I tried a lot of codes but I couldn't find any exact solution for that. Finally I almost fount a solution but I also want to float items to right. I tried 'float:right' but it isn't working with the ...
1
vote
1
answer
21
views
Can we make a button stay still when you move your screen around or scroll up/down on a tablet?
This code work well on a traditional computer with non-touch screen.
`<style>
#stayFixedDiv{
background-color: #FBD603;
position: fixed;
left: 40px;
}
</style>...
0
votes
0
answers
10
views
Trigger Marketing Cloud API Event on form submission
I want to trigger marketing clouds fire entry event when a customer completes a form, right now I can test this code on Postman and it triggers the api but only to a manually entered user. I would ...
-1
votes
2
answers
29
views
Want to add tag at the top left of a product card
I want to make a tag for a card on my website for a new product. My idea is to have something like this
in the top left corner of the card.
I am writing about this, because I need help making the css ...
0
votes
0
answers
14
views
Django create several container columns in a template and fill it with several values from QuerySet
I'm pretty a newbie in Web Development, so I've met some difficulties while trying to connect html-templates with Django code.
My plan for a certain page of my projected site is roughly to have a ...
0
votes
0
answers
7
views
Problem with my table head alineation caused by DataTables jquery plugin
enter image description hereI am not sure if I am repeating the question if yes guide to the right place :)
I am using Data table and trying to implement Horizontal Scrolling from this link
https://...
0
votes
0
answers
8
views
Allow WebComponent Shadow-Root to be scrapeable
I have a use case where I'm trying to create an Angular WebComponent library, and I want it to be screen scrapable, so that it can be printed with PrincePDF.
The issue is that when we use the actual ...
-2
votes
1
answer
23
views
How to position a div (caption) relative to an image centered inside a container div?
I have a div container centered both horizontally and vertically and an image inside it which is also centered horizontally and vertically to use the container space as much as possible. Image can be ...
2
votes
1
answer
21
views
What is a top margin that has clearance?
According to the WC3 specification:
The bottom margin of an in-flow block box with a 'height' of 'auto' collapses with its last in-flow block-level child's bottom margin, if:
the box has no bottom ...
1
vote
1
answer
25
views
Combine Dropdown Div with a ToolTip
Can't seem to make it happen for some reason. Either .ToolTip just appears ( instead of a gentle dropdown ), or .ToolTipText won't appear and .ToolTip have a weird transition ( Like opening/closing ...
1
vote
1
answer
11
views
Why doesn't the dropdown for "Kontakti" work?
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
#navbar {
background-color: #f2f2f2;
...
0
votes
0
answers
6
views
react native app only in web not working, Ios and Android works fine
I can Run my App without Problems on Ios and Android. If i open it on web, nothing will show up and i get a lot of errors. I don't understand why tho. The Error: AppEntry.bundle?plat…outerRoot=app:...
0
votes
6
answers
57
views
One button with two actions on HTML
I made a button in HTML and when I clicked it the first action worked but the second one didn't. I want the same button to replace the text with new text after the second click.
<body>
&...
0
votes
2
answers
19
views
How to get input value in HTML & PHP
I'm trying to make an update modal, but i can't get the player_id from the hidden input named update_player_id.
I tried to use $_GET and $_POST, but it did not work. I changed input from hidden to ...
-1
votes
1
answer
26
views
How to zoom on specific parts of the image when scrolling
I want to develop a website somewhat similar to https://www.nytimes.com/interactive/2021/04/02/arts/design/shah-jahan-chitarman.html
how can I zoom on specific parts of the image when scrolling?
...
0
votes
1
answer
10
views
Tooltip Blinking Issue on Hover over Skill Bubble (React & d3)
I'm encountering an issue with tooltips on my website where they keep blinking when hovering over skill bubbles. I've implemented the tooltips at a fixed location, but whenever there's a bubble on ...
0
votes
0
answers
16
views
How to have separate CSS files for separate JavaScript files using Webpack?
I am trying to use two separate css files for two seperate HTMl page files using Webpack.
This is my webpack config file:
const path = require('path');
module.exports = {
mode: 'development',
...
-2
votes
2
answers
18
views
Jquery Text Function Only Works Twice
I'm trying to run this script many times but it only works twice.
What it's supposed to do is ..Type a city name in the text box and then submit it and a function occurs. but it only works twice
$(...
-3
votes
0
answers
20
views
RoadMap FrontEnd 2024, Necesito ayuda [closed]
Would you give me some well-updated advice on a RoadMap for frontEnd 2024?
My idea is to do the following (I also put important tools):
Html
css
Frameworks like Boostrap/Saas
Git
JavaSript
...
-5
votes
0
answers
22
views
I can't create a CSS file in VS Code [closed]
I'm trying to create a CSS file, but it seems that it's not supported or something else is wrong. Does anyone have any idea what it could be? I'm new to VS Code and web development. When I create a ...
0
votes
1
answer
14
views
How to Recorver Data From Session In Flask Inside HTML?
I have a flask project which, when the user logs in, I save a value if he has 'mesa' access:
session['user_name'] = user.name
this variable stores 0 or 1. Then, on the sidebar menu in my app, if mesa ...
-1
votes
1
answer
22
views
on firefox and firefox developer i cant see the elements of a class on the console
when i use console.log(class) or use a string template the elements i put for each object of the class it says undefined
mokepones.forEach((mokepon) => {
MokeponChoice = `
<input type=&...
0
votes
0
answers
16
views
Datalist behavior in browser that does not support it?
I am developing some HTML for a program which uses Chromium Embedded Framework (CEF), specifically CefSharp.
The exact functionality I want is already perfectly handled with use of datalist elements: ...
1
vote
1
answer
30
views
How can I show and hide Like/Unlike buttons using Javascript in my Web app?
I'm doing online course CS50W by Harvard and building a web app similar to twitter.
When user sees a post I need to show the user Like or Unlike button depending on user liked it or not. There's also ...
0
votes
0
answers
8
views
Page level scroll bar while using flex shrink
I am trying to develop a a page that has column layout with three elements such as sub header, content and footer. I want to keep header, sub header and footer to stick but content should have ...
0
votes
1
answer
9
views
I am getting error while calling setShowCart(true) function on button click in Navbar.jsx
This is my code and I am getting error while calling setShowCart(true) function in Navbar.jsx.I don't understand how to resolve this.
import React from 'react'
import Link from 'next/link';
import {...
0
votes
2
answers
32
views
Popup HTML: The content is not showing when the button is clicked
The popup content isn't showing on click.
I will only put the shortened version of the code.
When the button is clicked, the content should be showed.
The html button will trigger the js code to set ...
1
vote
1
answer
22
views
Web Site SideBar Content
When I click on one of the options in the SideBar, I want the content related to it to open on the right side.
I wrote the code below, but even though I reach the "http://127.0.0.1:5000/...
0
votes
0
answers
15
views
Using W3CSS for a horizontal nav bar, have it so that when hovered over the text for a dropdown menu or background it changes the entire color
In my current implementation, it only changes the entire background color and the button of the when hovered over the text (where the button is). If not hovering over the button and instead the div, ...
0
votes
1
answer
15
views
How can I upload an image from JavaScript in a post request from one screen to another screen, in Flask? (Preferably without storing the image)
I would like to upload a picture to a screen and have that image be taken to another screen but the image is stored in a JavaScript variable. How can I take this image and send it over to another HTML ...
-1
votes
0
answers
17
views
issue related to document when i download the certificate.pdf in my pc it is not working?
Actually i'm working a web project so i have make a certificate page for my web site so it is not working pls help me figure out
Here is my code actually it is working all right only the certificate....
-4
votes
0
answers
30
views
Which is better (inline style or classes) and why? [closed]
I need to change the visibility of div. Is it acceptable to write inline style in div in a small project? Here's an example:
FIRST:
<div class="test" style="display: none">...
0
votes
1
answer
22
views
ngFor item div toggle class on click
I have a ngFor where it gets the static data from the .ts file, I'm trying to add active class on the selected item, the issue is as it is in ngfor it toggles class on every item on the list. How can ...
0
votes
3
answers
40
views
How do I add a CSS class to an element if selected using React?
below I have a series of React code that has several circles displayed on a page, each with a different color. When a color is clicked, the nav displays that change by reading off the selected color.
...
0
votes
1
answer
38
views
CSS Styles not being applied to html page in chrome
I have applied styles by using internal css code, however the styles don't seem to be applied to the html web page in the browser. I have troubleshooted everywhere yet I still cant fix it. Weirdly, ...
0
votes
1
answer
18
views
Can't transfer data from React form to DATA.txt using Express
I try many things but it always gives me same error. I tried to change file path but it was pointless
Currently my project looks like this:{nodemodules,public,scr(there are all files including App.jsx)...
0
votes
0
answers
17
views
How can I create an interactive image carousel where clicking a button on an image displays the next image in the carousel?
I have created one react.js component to create carousel. And second component that show button (Hotspot) on image.
But I did not manage to combine both.
I created first component called ImageCarousel....
1
vote
0
answers
13
views
How to smoothly hide table header information and adjust height of table header on scroll with jQuery?
I am working on a web page that includes a table with a sticky header, specifically the section as shown below:
const $tableContainer = $('.matrix-container');
const $table = $tableContainer.find(...
0
votes
0
answers
17
views
CSS transition applied through JavaScript problem
My button transition to the second one is good and working but I want the background to be included in the transition, for example, In the first page I have blue background, A description box, and a &...
0
votes
0
answers
17
views
How do I ensure selected html li element is within visible window
In the html below I am building a list of items and one of these was selected by the user.
<ul id="test">
@foreach (var item in (ViewBag.Shapes as List<Models.ItemsModel>)....