Newest 'html' Questions - Stack Overflow

Questions tagged [html]

HTML (HyperText Markup Language) is the standard markup language used for structuring web pages and formatting content. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language. HTML works in conjunction primarily with CSS and JavaScript, adding style and behavior to the pages. The most recent revision to the HTML specification is HTML5.2.

0
votes
0answers
3 views

Javascript scrollIntoView only in immediate parent

How do I make scrollIntoView only scroll the immediate parent (e.g. div with overflow-y: scroll;) and not the whole page? I have a web interface I'm making for an internal, very-specific purpose. ...
0
votes
0answers
2 views

Changing HTML Content to Json Content

I have a few navigation buttons and a content area for contents. I couldn't pull the data from.JSON file to my HTML content area without refreshing the whole page. I just want to update my content ...
0
votes
0answers
11 views

Is it possible to record a video of the contents of an HTML element?

So I want to use javascript and css to create an animated video of maps. I imagined to do some animations using leaflet etc and use some javascript to record a video of it. However so far I found ...
-1
votes
0answers
16 views

How to move image right and make text appear when clicking button

I am a newbie in terms of web design. I have centered an image, put a button below it, and when I click this button, some text appears below the image. When I click the button again, the text goes up,...
0
votes
2answers
9 views

Can't get bootstrap 4 navbar buttons to look right, when collapsed

Is there a way to either style the buttons in my navbar only when its collapsed or change the buttons to text when collapsed, cause right now it looks fine normally, but when collapsed, the buttons ...
-1
votes
0answers
11 views

POST request null with Angular and .NET core

I am working with Angular with a .NET cor backend. This is my backend function to add a car: [Route("AddCar")] [HttpPost] public IActionResult Post([FromBody] Car car) { ...
-1
votes
1answer
26 views

Best way to build a checkbox or radio button to be able to be referenced in a Java Script function?

Im pretty new to html and I am building a webpage in html for work. It is basically a list of standards that a reviewer goes over and determines if a plan given to him/her meets those standards. I ...
0
votes
0answers
17 views

How can l make custom partical style?

l want to use particles js only some part of page and move that side like this picture which l want I tried to change default configuration in json but I didn't find anything that help me.Different ...
0
votes
2answers
29 views

Flex transition. Fill the space in a smooth way

How to make flex transition smooth. In my example, when I click .center it jumps in an abrupt way. It is even more noticeable when the user clicks on document, .right fadeOut and .center jumps to fill ...
0
votes
1answer
9 views

How to wrap certain sentences with <mark> tag after extracting them from paragraphs while keeping the same paragraph formatting for final output?

I have an html file that contains only <p> and <a> tags. Like below - <p>For a country that takes pride in the venerable stability of its democracy, Britain is strangely prone to ...
-3
votes
1answer
25 views

Can I change the max attribute of an input tag using a function?

I'm coming in from this question: Input max equal to javascript variable but it did not quite solve my issue. I'm currently working with Google's HTLM Service and I need help with the case below... ...
0
votes
0answers
18 views

How to retrieve image url from Google images?

I'm creating a desktop app in C++, and I'm trying to implement a drag and drop feature : the user drags an image from an integrated Google Images search webpage into an area of the app, and the app ...
0
votes
0answers
9 views

How to access and change the computed properties of an html optionObject inside an html element with javascript?

I want to reach the items(stored as options) inside the "selectedItems" element to change it's computed selected property to true instead of false. I can achive this my simple clicking the ...
0
votes
0answers
15 views

How to animate first element of array instead of lasts by vue (animate.css)

I have an array which has been updated by time, but animate.css always animate last element of array when array change. <template> <div class=""> <div v-for="(device,index) in ...
0
votes
1answer
32 views

Combine linear-gradient with dynamic background-image

I'm trying to achieve color overlay on background images as demonstrated at w3school, but I want to do it for a dynamically set background-image (I'm currently working with VueJS). What I try to ...
0
votes
0answers
13 views

How to call a single attribute of another table?

I would like to know how I can make the system show me a single data from another table. For example: I have the reservation and evaluation tables and I just want the system to show me the date and ...
0
votes
1answer
16 views

How to make a video autoplay automatically in a modal box using JavaScript?

I've been setting up a video page for my website and I'm trying to make it extra slick by using Javascript!... Unfortunately, I completely suck at Javascript! Ok, so here's my problem: I've managed ...
0
votes
0answers
12 views

Unable to fit svg to browser print in landscape mode

I am unable to print an svg image to fit in A4 size in landscape mode. The CSS which I am using is: @media print{ @page{ size: landscape; max-height: 100%; max-width: 100%; } svg{ ...
0
votes
0answers
10 views

Trouble Making Soundboard in Django Html Template

I'm setting up a django website, and I've made a html template for the page I want the soundboard to be in. In the template, I wrote some code for a button, and it runs fine, but when I click the ...
0
votes
3answers
31 views

Image isn't displaying [duplicate]

I have a div property inside a form where I want to display an image. But I can't manage to fix it. I get an HTTP ERROR 404. My solution tree looks like: MyProject --Controllers --img ----Logo.jpg --...
1
vote
2answers
24 views

How to change gauge size jQuery

I create found gauge, and I want to change size, because now it's not nice. I try to change from CSS but it's destroy complitly gauge. My code: $(document).ready(function () { var gaugeObj =...
0
votes
0answers
28 views

Chrome unwanted blurry div border

I have an issue with Chrome webbrowser render: I have two elements side by side, and i have this grey annoy border in the middle: this happens in sertains screens resolutions and only in chrome. I ...
0
votes
0answers
7 views

Keep materialize tab open after page reload

I want keep materialize tab open after page reload and send link to users of tab e.g. http://www.example.com/samplepage#tab <ul class="nav nav-tabs" role="tablist" id="userdashboard-tabs"> ...
0
votes
2answers
39 views

Using document.querySelector('.').style. to change *two* CSS properties of a div

Trying to set up a truncated textbox that expands to fullsize with a click/tap on the textbox. My div .textbox has height:10em, overflow:hidden, and there's a "there is more..." fade-out effect over ...
0
votes
1answer
17 views

Python requests not returning fully loaded content

Trying to gain the sizes from https://www.size.co.uk/product/grey-nike-air-max-98-se/132114/ The content I want is However I am receiving.. [<div class="options" id="productSizeStock"> <...
-5
votes
1answer
29 views

I need help to design a grid [on hold]

For a landing web site page i want to set the mapping of the following plan. I tried many ways to code it (css grid, bootstrap, flex) but i didn't really find some conclusive things. i'm open for a ...
0
votes
2answers
31 views

jquery find and replace input field is replacing all of my content not just individual paragraphs

I have some paragraphs and an input box. Basically the user types into the field, and when they press "ENTER" it runs the jquery function seen a bit further down. Essentially what happens is, when a ...
0
votes
1answer
27 views

“Required” tag not working the first time

I have a website that I've included a small form in. It simply asks for Email, Name and a small comment box. I added it a few days ago and saw that people would randomly click it and I would receive ...
0
votes
2answers
30 views

Replacing the values in a string for something like <p *anything inside it*> to just empty '' or Nothing

I have a BeautifulSoup Paragraph as string. I want to replace the occurrences of p (opening) and /p (closing) tags in the string using regular expressions because there are instances like <p ...
0
votes
3answers
59 views

Footer position with no fixed height [duplicate]

I can't place the footer so that it is always at the end of the page. If the page has less content it is not placed at the bottom. The footer has not a fixed heigth. This is my code. <% ArrayList&...
1
vote
0answers
22 views

Leaflet.js transparent water/ocean

I have a LeafletJS map with OpenStreetMap content, I am looking for a way to make the ocean transparent, so you can have a something like this: https://codepen.io/verticalgrain/pen/LVRezx (but then ...
0
votes
0answers
13 views

Why is Leaflet's choroplet tutorial map not working on cellphone?

I'm building a choroplet map using the choroplet tutorial on Leaflet: https://leafletjs.com/examples/choropleth/example.html It works perfectly on desktop but is not working on my cellphone. I'm on ...
0
votes
2answers
22 views

What is the proper way to target the tab key 'highlight' events on an html element?

I'm trying to understand how to respond to tab key navigation, but am not sure which event is triggered when an element receives focus via the tab key . In the code linked to below, I want all the ...
0
votes
1answer
14 views

how to show lable in select drop down with [(ngModel)]

In my code i am using select for drop down , but when i use [(ngModel)] then it is not displaying label and if i remove [(ngModel)] then label is visible. <ion-content> <select name="...
-2
votes
1answer
14 views

Issue on iOS with HTML-tags/CSS - changing font color

We're working on a WordPress website, made with a theme which uses Elementor. Everything was allright, until we checked our iPad version of the website. When there's a text on the website which has ...
0
votes
1answer
40 views

CSS not accepted (or weird) Chrome vs Firefox

My code works consistently when working in MAMP, but when uploading to our ubuntu server (where all other websites work perfectly cross browser base) the firefox browser shows everything perfectly, ...
-1
votes
2answers
29 views

Bootstrap multilevel dropdowns not automaticly closed

I use bootstrap multilevel dropdowns. It works all fine, but I don't know, how can I show only one child at same time. <div class="container"> <div class="dropdown"> <...
0
votes
1answer
34 views

How to extract “parent with two child's” pattern from HTML

I need to extract all parents who has two child's from HTML Example 1 <parent> <child> <tag></tag> </child> <child></child> </parent> Example 2 ...
0
votes
1answer
25 views

Is there a script to change y-axis values of the chart to arabic values?

I'm Doing line and pie chart but i need it in Arabic language on y-axis. $('button').on('click', function(e) { $('#pie-chart3').empty(); var type = $(this).data('type'...
-2
votes
0answers
22 views

How can i convert my JavaScript code to use classes and objects?

I am not able to understand how can i implement classes and objects in my code to make it complete ES6 type of code. I am actually used to coding in ES5 format, but I want to know how can I use class ...
0
votes
1answer
22 views

How can i install LESS css on Reactjs App?

I want to install LESS in react app. i have try and find solution to google but not success I'm new in ReactJs also I don't have deep knowledge. i need help someone who guide me to install less i ...
0
votes
1answer
23 views

How to allow scrolling both vertically and horizontally in Highcharts?

I am trying to make a chart which has dynamic number of items in both X and Y axes using Highcharts (highcharts-angular as wrapper) in Angular app. I would like to make it scrollable both ...
-1
votes
0answers
19 views

What can I do to fix the following code to get rid of the errors? [duplicate]

I was creating a simple login/registration system and I was just about finished when I went to go test everything the following errors popped up for each item. Notice: Undefined index: username in ...
0
votes
1answer
16 views

How to trigger the right scroll in selenium in SportBookReview.com?

I'm web scraping the following url: https://www.sportsbookreview.com/betting-odds/nba-basketball/money-line/?date=20190311 There is a right scroll button on the rightmost part of the page, but when ...
0
votes
1answer
7 views

Using bootstrap within an xsl-file

I am learning to use bootstrap and xslt. Image this would be my xml-file. <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/xsl" href="places.xsl"?> <root xmlns:xsi="...
0
votes
3answers
58 views

How can I make a div take the full width of the page when it is inside another div that have 90% width

how can I make the child take the full width of the page <div class='container'> <div class='child'> something </div> </div> .container { width: 90%; ...
0
votes
0answers
8 views

how to print png chart from google charteditor?

From the official documentation of Google charts, It provides the following syntac for getting the imageURI() for a specific chart type: var my_div = document.getElementById('chart_div'); var chart ...
0
votes
1answer
36 views

My Div is just overlapping another div whereas i am putting it after the first div

I have made 1 header and 2 divs. Out of which one div (The second and the lower div) is just overlapping the other. I need help solving this problem. Here is the code. (It is big so i have ...
0
votes
0answers
16 views

Prevent Google Chrome Mobile app from hiding the Searchbar while Scrolling the page

I Have a Page which contains lorem texts of 1000 words to stimulate page scrolling. When i scroll the page, the searchbar in google chrome mobile hides. i want to prevent it from hiding. Kindly give ...
0
votes
1answer
47 views

Using flexbox on table header <th> elements

I have a scenario which requires a complex layout within table header <th> elements. I want to approach the problem by making the <th> elements a flex container. However, if I start with ...