October 22, 2024
Chicago 12, Melborne City, USA
HTML

Image Preview with Bootstrap, HTML + JS

I am attempting to make a system that allows the user to upload an image and then it will replace the already placeholder image with the uploaded image by the user, I have attempted the JavaScript code below, but it simply just does not display the image when I upload it, the website shows the

Read More
HTML

How do I apply Tailwind CSS to a specific div block and Bootstrap for the rest?

Currently, I only want to apply Tailwind CSS and React to a the "First Impressions" section. This is a div block I added recently (through the help of ChatGPT) and when I loaded the page, I noticed that the Bootstrap CSS styling was overridden by Tailwind. Removing the Tailwind CDN link allows the rest of

Read More
HTML

how do the html and css of the m3u8 and .mpd (dash) file player actually work correctly?

after searching everywhere I still can’t find the css and html of m3u8 and .mpd (dash) player that works properly…. can any of you tell me about it? like the example on the following page, which managed to make the file player work properly = https://dgply.blogspot.com/2001/02/?m=1ewu~10&zy=https://l.0/IndosiarHD/mpd/IndosiarHD.mpd!!5eaddccd893a47ac8b65f9b31963a3ae:881afa67ea57b41c1822d745d67559e6 i have tried the following html: <meta charset="UTF-8"> <meta

Read More
HTML

Tippy tooltip not working in server side datatable render function

I am creating an index on posts using Blade and I am having a problem in my code: tippy tooltip is not working on render function of datatable serve-side. I am not getting any errors; every time I hover over the column where the tooltip is defined (description (body) column) I cannot see it. Where

Read More
HTML

Dynamically Moving A Submit Button on a pre-existing site

I work a lot of my projects with this platform and often override a lot of the pre-existing customizations to make them my own for me and my clients. I’m having trouble creating a JS code that will allow me to move this wherever I want on the page. For example, I want the ‘Submit

Read More
HTML

When changing the width of an image with a display: flex everything breaks

I am making a website for trains and i want to add three images but when adding them everytime i want to scale them down everything just breaks the images overlap the text, they go everywhere etc. i just started coding html and css and have little knowledge and also flexboxes are still a new

Read More
HTML

Is there a way to create a Link to the expanded part of this HTML page?

Basically I want the hyperlink to be able to jump to nKs_0, #45 or any of the other parts of the code listed in the picture. HTLM code I looked for Anchors because that was the first solution I saw via Google but I did not see any by doing a quick search of the

Read More
HTML

Cannot get intersection observor to identify when elements intersect in a tailwind project

Ive tried numerous ways but I cannot seem to get the intersection observor to identify and console log when entries are appearing in the screen. Please help. <div class="element relative w-full h-max flex justify-end items-center"> <div class="w-full md:w-1/2 lg:w-2/5 h-1/3 px-px md:px-0 md:h-full overflow-hidden absolute bottom-0 md:left-0 md:rounded"> <video class="w-full h-full object-cover" src="../assets/videos/intro-video-2.mp4" playsinline autoplay

Read More
HTML

How to make gradient column in a table CSS

I would like to have one column in a table have a blue gradient background from top to bottom. As in extending over multiple rows, ten precisely. Essentially like this one but for a column instead of row: https://codepen.io/warkentien2/pen/JxxXvr <table> <tr> <td></td> <td class = "gradient_column"></td> <td></td> </tr> <tr> <td></td> <td class = "gradient_column"></td> <td></td>

Read More
HTML

How do I make a link Prefill values into a form

I’d like to have a link that will prefill "FillValue" into a form text input. The HTML is: <input name="input_93" id="input_18_93" type="text" value="" class="medium" aria-invalid="false"> For some reason when I click the link it will not prefill "FillValue" into the input field. What am I missing? I tried using the Name input_93 and searched the

Read More