Skip to main content

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.

html
Filter by
Sorted by
Tagged with
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 (...
Tan's user avatar
  • 1,527
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 ...
Henry's user avatar
  • 167
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 = ...
Nam Hoàng Phương's user avatar
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 ...
Jubayed Hosen's user avatar
-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&...
Heaven Touch's user avatar
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?
quant's user avatar
  • 22.1k
-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 ...
Gabriel Fávero's user avatar
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 ...
Nuriel's user avatar
  • 11
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'...
devrul's user avatar
  • 1
-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 ...
Ninjalandia's user avatar
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 ...
Ramitha Pathmila's user avatar
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>...
Tom's user avatar
  • 11
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 ...
Frankie's user avatar
-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 ...
INA's user avatar
  • 1
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 ...
TiimeIrre's user avatar
  • 161
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://...
Ángela's user avatar
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 ...
Chris Hobbs's user avatar
-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 ...
Alexander Ites's user avatar
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 ...
Zytonox's user avatar
  • 31
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 ...
Apryed's user avatar
  • 13
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; ...
ShadowedTotem's user avatar
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:...
urim sulejmani's user avatar
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> &...
Hayden Stevens's user avatar
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 ...
Dragoș's user avatar
-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? ...
newuser's user avatar
  • 507
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 ...
c2-mrinal's user avatar
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', ...
user24838028's user avatar
-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 $(...
Timbukto's user avatar
-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 ...
cypher's user avatar
  • 1
-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 ...
knoxix's user avatar
  • 1
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 ...
vini.m.oliveira's user avatar
-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=&...
Diego Salazar's user avatar
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: ...
Tyler N's user avatar
  • 301
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 ...
srikk407's user avatar
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 ...
Mahesh's user avatar
  • 992
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 {...
Nirali Pandya's user avatar
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 ...
Valentine Lancin's user avatar
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/...
Richpoort123's user avatar
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, ...
InferableSole6's user avatar
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 ...
MrIzzat's user avatar
  • 111
-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....
Block_Cipher's user avatar
-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">...
Oleg Kasaev's user avatar
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 ...
Shahil Mohammed's user avatar
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. ...
antjuh's user avatar
  • 27
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, ...
IT Champ's user avatar
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)...
Michael Hamar's user avatar
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....
Abhishek Sharma's user avatar
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(...
Happy Coder's user avatar
  • 4,475
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 &...
Gon Amparo's user avatar
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>)....
Kev's user avatar
  • 178

1
2 3 4 5
23762