Fit background to wrapped text [duplicate]
As some background, I am trying to create a pill that will be abolutely positioned in the center of an image and I am trying to avoid the case where the background of the pill takes up the full width...
View ArticlePrevent the last child from having styled be applied
I need to prevent the last child from having backgroundColor added. The reset box needs to stay white. I don't want to give the reset box a different class just to prevent it from changing color. I...
View ArticleClik here to view.
HTML/CSS: scroll bar appears below HTML elements
In Chrome and Safari, the vertical scroll bar appears below HTML content on the page, like so:I fiddled with ::-webkit-scrollbar, but the closest i could get was change the scroll bar width to 0px. The...
View ArticleDetect if user is climbing stairs from mobile device sensors using only JS...
I am curious if there is a way to detect if a user of a website is climbing up or descending stairs using only html5 and JavaScript and mobile device sensors? I am not sure how a function could...
View ArticleHiding the toolbars surrounding an embedded pdf?
Though I think the answer maybe in this other question's answer concerning the pdf specification, is it possible to not display the adobe acrobat toolbars in an embedded pdf document?
View ArticleHow can I use the callback parameter in a button to get a user's preferences?
I am writing a firefox add-on that uses a button to take the users input and make decisions based on their response. Here's a section of my code:catch (e) { var message = 'ALERT: going to a greylisted...
View Articlehref with params to link to bookmark in different page
I'm linking from one page to another in my site. The link is like:-https://example.com/cgi-bin/dashboard/product_catalogue.pl?action=search_by_category&category=kitchen in the following script, my...
View ArticleConvert Alpine.js on-click to Datastar data-on*
I have some links on my site which currently uses alpine.js to trigger a function that scrolls to a div on the page and I wish to convert this to use Datastar.jsThis is what is currently in the...
View ArticleBackground for pill with wrapped text [duplicate]
As some background, I am trying to create a pill that will be abolutely positioned in the center of an image and I am trying to avoid the case where the background of the pill takes up the full width...
View ArticleFocused state of a button is not rendered on button.focus() called from a...
Demonstration of the problemconst elementSet = { input: document.querySelector("input"), buttonToFocusOn: document.querySelector("button:first-of-type"), buttonFocusOnInput:...
View ArticleVideo camera freezes when switching from rear to front with Twilio Video in...
Problem DetailsI'm developing a video chat app using JavaScript and the Twilio Video SDK. I've implemented a feature to allow mobile users to switch between the front and rear cameras.The problem is as...
View Articlevalidation for file upload in php
Hi i am trying to restrict the file uploading if the file size exceeds the particular size but my problem is if the file size exceeds the maximum size i didn't get any information about the file in the...
View Articlevideo not playing on local network (wi-fi/ad-hoc network)
When i'm working on my local project and open a page containing a video in my computer's browser, everything is fine, but when i open the page with my phone's browser (i want to check if my design is...
View Articleis there a difference between elements created dynamically with JavaScript...
take the code below: contentsDiv.innerHTML = container.outerHTML; if(contentsDiv.firstChild === container) console.log('true');in this code, contentsDiv is a div created in my html file while container...
View ArticleHow do you translate an SVG element by a percentage of it's own size?
I'm trying to make a dynamically generated SVG that displays some data from an API endpoint. If the response text is too long, the text becomes an infinitely scrolling marquee via CSS animations....
View ArticleClik here to view.
How to strike through obliquely with css
I need something like this:How can achieve this with css? I know that one way is use background image, but can I achieve this only with css without any image?
View ArticleClik here to view.
Radial Gradient ellipse doesnt work properly
I have a school project where i need to make a exact copy of a website.The background is a bit tricky because i need to (what i think) add a radial ellipse but then with no sides or bottom, only the...
View ArticleChanging HTML span style using CSS
I use Notion, which does not have many styling options, but thankfully, someone made an extra component called notion enhancer that allows for many options, including uploading your own css file.Here's...
View ArticleHow to keep text formatting in HTML Input Form?
I have an input field in the html form. When I paste a text in that field, I don't want the text's bold, underline and italic attribute to be lost. I want to use the style info too in the backend.So...
View ArticleResponsive grid with fixed column width
I guess I have the simplest problem ever and cannot find a ready solution.I need to make a grid with fixed widths and a fixed distance between them.I need x columns a 400px (x = total width/400), and...
View ArticleIs multiple description meta tags valid?
Is it valid to define multiple meta description with different languages? Is this valid?<meta name="Description" lang="en_US" content="Something in here" /><meta name="Description"...
View ArticleChanging Dropdown Menu Font Colour and Capitalisation [closed]
I have a drop down menu (part only):<div class="navbar navbar-collapse collapse nav-main-collapse float-left"><nav class="nav-main"><ul id="topMain" class="nav nav-tabs nav-button-tabs...
View ArticleZoom to fit: PDF Embedded in HTML
I am embedding a local pdf file into a simple webpage and I am looking to set the initial zoom to fit to the object size. Here is what I tried but it is not affecting the zoom.<embed...
View ArticleHow to "use" local "defs" in SVG
I have multiple SVG pictures embedded into single HTML page.Every SVG has own defs section that I am referencing to in my use elements.It looks like I can't define element with the same id inside...
View ArticleIs it possible to explicitly tell a script when to execute, when the page is...
I have a page which dynamically opens each page based upon the tags. I am attempting to execute a script, which is to run when the dynamic page is run from the div id="CreateVids" tag.I'm totally new...
View ArticleSending email forms in HTML without seeing outlook
We are exploring different functions for mailing forms. (None of us are HTML'ers rather VB.net'ers.)The code I found and understood is as follows<!DOCTYPE...
View Articlehow to center the frame of the picture show [duplicate]
The code in attachment allows me to make some pictures to be show after some delay time.I would like for the picture frame to be centered (Today it stays to the left), whether on computer or mobile...
View ArticleInserting the contents of a chosen HTML document into a container using jQuery
I'm trying to put in the contents of one file into a div container on my website. For example, clicking:<a class="aModal" href="modal1.html"> Click me!</a>Will load the contents of...
View ArticleSafari 15.3 (Desktop) and WebM inline autoplay video playback Issues
A simple WebM video with the autoplay attribute set does not seem to play correctly in Safari 15.3:<video autoplay muted playsinline controls><source...
View ArticleI can't make a custom widget in Thingsboard
I'm trying to make a custom widget in Thingsboard v.4.0.2 that is a box where the user can type a text and submit it, if there is no text they can't click the button. And i want to sabe the text, the...
View Article
