Category "html"

Shift img few pixels up or down

This seems trivial, but I cannot find anything. I have a text and small image (icon) inside the text like this: <span>ask<img src=ask.svg height=16>

Streamlabs custom CSS twitch chat animate name and message seperatly

I want to customise my twitch chat overlay from Streamlabs so that the username of the person animates from the left while the actual message they send animates

How to add and remove classes in Javascript without jQuery

I'm looking for a fast and secure way to add and remove classes from an html element without jQuery. It also should be working in early IE (IE8 and up).

show alert when value is number

I need to show the alert box when the user typed the number in the input field <input type="text" class="only-text"> if (document.querySelector('.only-te

Hide one line in Sublime Text 3

I have one line in a html file containing a base64 representation of an image. This line spans thousands of lines in the editor, which is a huge hassle when alw

Javascript firing function twice and 1 of 4 functions not working

I'm creating a calculator in JavaScript. It is working, except for the add() function (sub, mult, and div work fine) and when I press "=" it sends the answer t

Responsive circles in a row with flexbox

I want to draw 4 circles, being all 4 flex-items, and I need them to scale with the container they are in. I have seen some solutions where padding-bottom is us

Alternative to datetime-local

Is there an alternative for that because Firefox and Internet Explorer are not supporting it... Example: <form> <input type="datetime-local"> </f

JavaScript code displaying in browser when form submitted, not the result of the script

I'm writing a basic calculator in JavaScript, and when I hit "=" on the html form it is returning the entire calculator.js, not the result. I'm not sure why th

Star rating with half star support

I am running into a problem rendering a star rating and was hoping I can get some extra eyeballs on my problem. I have the normal rating working just fine with

HTML to Image - vertical text

I'm using library TheArtOfDev.HtmlRenderer to convert html to image and then send it to printer. The Html I need to convert contains vertical text and rounded

hidden INPUT value not available in $_POST

I have a form that I use JavaScript to set the value of a hidden INPUT field which is the text of the OPTION selected. The $_POST captures the value of the OPT

laravel - Display validation error in the proper tab

I am using the bootstrap tab to navigate between three different tabs for a user. First tab(primary tab) is to display user details and second tab is to edit th

"The frameborder attribute on the iframe element is obsolete. Use CSS instead."

I'm trying to validate my website with the W3C validator but it doesn't work. I have a YouTube iframe and this is the error: The frameborder attribute on the i

HTML Anchor Tag Not Working in Outlook

I am making email template in Django to be sent to Outlook and I want to add anchor tag for navigation. However, I found the tags work in html browser but not i

How to use the default value attribute of a select tag

Now im working on a small task with a select tag like this <select name="selectmedgroup" id="selectmedgroup" value

How to make html table columns resizable?

I have a fairly standard bootstrap-styled <table>. I want to make columns of this table resizable, e.g. by click-and-dragging right border of <th> e

How to use multi-column option box within select element

we all know Drop-down list can have mutli menus in drop down like this I was trying to do the same using select element #otp2{ margin-top:-100px; }

Styling an input type=number

Is it possible to apply a style in the inner "up arrow" and "down arrow" of a <input type="number"> in CSS? I would like to change the background of the u

Why remove QA IDs from the code base in production

In a React application that we are developing we use QA IDs for Selenium tests. Is it bad practice to leave them in the code base in production (live)? If so,