set up template and sub templates in a react.js website
I am creating my website using react.jsThe website is about reviewing products and shops.I create a main template under App.js and App.css that contain components like Header and Footer. Those will be...
View ArticleI am running a HTML code on a springboot which is misplaced while going on mail
Actually i wrote a code in Java which is responsible to format a HTML birthday card according to employee birthday.Issue i am facing that if the mail is open on thunderbird it is perfect but while mail...
View ArticleHow to remove .html from URL?
How to remove .html from the URL of a static page? Also, I need to redirect any url with .html to the one without it. (i.e. www.example.com/page.html to www.example.com/page ).
View Articlehtml input style is correct while the submission does not respect the text...
the following input (and relevant css) is behaving properly in the rendered page, capitalizing the input when in lower case,.single_character_input { width: 1.5rem; padding: 2px; text-align: center;...
View ArticleNot able to change style.display with javascript
First time I've posted a coding question on here. I've nearly completed a JS/HTML/CSS game and will be uploading to Steam soon. Long story short, I've run into a snag, needing to move all inline styles...
View ArticleUsingloading='lazy 'to load three images on a single line will not take effect
I set lazy loading in thetag and set "display" to "inline block", making it display three on one line, but it doesn't work anymore. However, it works if it displays one on one line。
View ArticleWhy doesn't the `loading="lazy"` attribute of the `` tag work for lazy...
Why doesn't the loading="lazy" attribute of the tag work for lazy loading when used inside an el-carousel component?Online DemoElement Plus Playground 1Example Code<script setup...
View ArticleHow to make a partially offline Laravel website page with PDF files using...
I'm working on a web project built with PHP Laravel, and I need to make a specific page accessible offline. The page displays a list of items, and each item links to a PDF file. The website should work...
View ArticleFreeze the top row for an html table only (Fixed Table Header Scrolling)
I want to make an html table with the top row frozen (so when you scroll down vertically you can always see it). Is there a clever way to make this happen without javascript?Note that I do NOT need the...
View ArticleCan i link another html file which stores info to be used in the other html...
In my index.html i have images and when i click them they expand into modals (barely did it)So each image consists of two parts"Thumbnail"(<a><img...) + Modal for this imageModals are quite...
View ArticleHow to add drop-down menus to an existing navbar menu? [closed]
This is my current navbarI want to have the look of the first with the drop-down feature of the second.How can this be done?<!-- language: lang-html --><nav class="bg-light border navbar...
View ArticleFull Screen react exam taking app, Controlled full screen exit
1.Can't able to control full screen mode, if we press escape automatically coming out from the full screen mode.2.If not possible how other exam taking apps are working, any other ways?3.Non of the...
View ArticleJavaScript image carousel with timed intervals aren't working
This is my running code:function carousel() { var x = document.getElementsByClassName("mySlides"); for (let i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex >...
View ArticleClik here to view.
last row on image grid
I'm using the following code to create an album (within WordPress but for this example this is irrelevant):This is how it comes out:What I was hoping to do is have the images on the last row always...
View ArticleStopping CSS animations using the least Javascript code [duplicate]
Here is what I had created..wrap { color: black; animation: anim 1.5s linear 0s infinite normal; animation-play-state: var(--animStat); }@keyframes anim { from { color: red;} 50% { color: yellow;} to {...
View ArticleTitle tag not not working after Spartacus upgrade
We recently upgraded to Spartacus 2211.32.1 and I noticed that the title attribute is not working anymore. It was working fine for the previous version. Not sure if its Spartacus, Chrome or Angular...
View ArticleWhy is this HTML/CSS based drop-down menu going out of the wrapper?
HTML<div class="menu" id="menu"><ul><li><a class="home" id="home" href="">Home</a></li><li><a class="about" id="about" href="">About...
View ArticleClik here to view.
bottom div of box is placed to bottom of previous box
I want to create scrollable "list" of divs under each other. I want each div to have 4 rectangles(divs) on eaach side. First div is okay, but top and bottom rectangles of all other divs are placed onto...
View ArticleNavbar fixed left - Bootstrap
I am trying to make navbar in bootstrap to be fixed left, like on this link.Anyway, it is working, but when I add block content of the leaflet map, my navbar is still there, but I can't click on it....
View ArticleCSS not working in mobile browsers
http://mpkosis28.com/28cupThe site looks perfect when viewed from a laptop or a desktop. But when I tried to access it through my phone, it doesn't recognize the css file from the site and only loads...
View ArticleClik here to view.
Border-Radius on Video Element is causing artefacts in Chrome Browser
So I have come across an interesting bug for which I haven't been able to find a solution yet, I have tried the ones I could think of to no result. The issue is as follows -There are artefacts...
View ArticleCall a function with the submit button in HTML
I need a Google AdWords conversion script to work whenever someone submits a form for a free quote. Google has provided the script which I'm put into a Snippet with WordPress and activated it for the...
View ArticleHow to make my website load datatable.js before external data is loaded?
I am building a website to visualize the data in table like these:index.html:<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>Employee Data</title><!--...
View ArticleCSS transition width and height from center of div
I have elements with position: absolute; that I want to transition in certain situations. However, the origin of the width and height transition seems to depend on the top/bottom left/right values.Is...
View ArticleIframe creation with input src [closed]
I (an inexperienced coder) have been trying to make user made iframes but I'm struggling with making it work. Would anyone know what the issue is.Here's the code:function create() { var url =...
View ArticleClik here to view.
How to float an image to the top-right-side in a flex container?
I'm trying to build a header section using some general information about a company, along with the company's logo as an image.I have a flex container where the left column contains several...
View ArticleClik here to view.
How to make a hyperlink button with an image on it? [closed]
I am trying to make a button that has an image on it, as show in the picture. The button is a hyperlink, and i want it to look like a button with a image inside of it that has text below the button (...
View ArticleUsing .html file to run a Javascript experiment
I originally hosted an experiment on Mechanical Turk, written in one html file. It uses html, javascript, and CSS.I want to host this experiment using Pavlovia. Pavlovia hosts javascript experiments....
View ArticleR: how to convert markdown to html in a vector which is NOT a file
I have a large R-dataframe with some columns that contain strings from a rich text in markdown format. I need to convert these from markdown to html, with R.I don't want to render it, I don't want any...
View ArticleWhy is my addEventListener function not working in JavaScript?
I'm trying to make a button trigger an alert when clicked, but nothing happens when I click the button. Here's the code I'm using:<button id="myBtn">Click...
View Article