[html-css] Forum Topics

I am driving an html site from my network drive in my office that can be viewd on LAN. I need to put a blog kind of section on my site so people who visite this site can leave there comments on it and all can see thses comments. Can …

Online verification systems are designed to save time, but small usability issues can create frustration. Many drivers are unsure about which input field to use or what format is required. Clear content hierarchy and precise instructions improve platforms related to the e challan checking system. When explanations are direct and …

What are the best practices for keeping a website fast and responsive in 2026?

Hello, fellow coders, I'm relatively new to coding and web development but excited to embark on a project combining my passion and my budding programming skills. I'm eager to create a tool like this https://minecraftcirclegenerate.com/ created using HTML, CSS, and JavaScript. As a beginner, I'm seeking guidance on where to …

I’ve been playing with some of the new "vibe coding" tools recently. While they’re great for speed, I’m seeing a lot of generated code that basically leaks API keys or sensitive logic into the frontend because it’s easier to build that way. Coming from a database background (we worked on …

I am posting here because this feels like a technical problem rather than a bank support issue, and DaniWeb usually has people who understand what happens under the hood. I am trying to check my FAB bank balance using both their website and mobile app, but the balance screen either …

Hi everyone, I wanted to open a small discussion on how AI is being used in web development today. Common use cases I’m seeing: Faster code generation for basic layouts and components Bug detection and error explanations Performance, SEO, and UI improvement suggestions AI seems to work best as a …

Hello. I am trying to connect Figma to my own html page, and can't get the below to work. It does not do what that says when I try it on my own page. Massive thanks in advance! https://www.figma.com/community/plugin/1297530151115228662/web-to-figma-convert-any-website-or-html-code-to-design

I need up to 2 full stack developers to help build my website more details in my private chat

Hi everyone, I am working on a project where I have a nested flexbox layout a parent container with multiple child sections each containing its own set of flex items. My goal is to make it fully responsive, but I’m running into alignment issues when the viewport shrinks. Are there …

Have you purchased a script from there? Is AI changing the game? Have you sold any scripts so far? For me I think it's an awesome website but AI is making it harder for developers to sell code because now people use AI to build websites and they don't need …

This is a very quick 'n' simple vBulletin SEO hack. It's easy to apply and it's the one I have been using here on DaniWeb for the past couple of months. I was going to wait until we went vB 3.5 to release it but I might as well do …

So I'm making an OS in javascript/html. I made the login screen (although it's as secure as a calculator, it looks quite nice). I made the Operating System Interface using a little JavaScript and CSS, and put an iframe in the window. However, whenever I load the interface, it looks …

I am working on a new version of the same project. [Posted Here](https://www.daniweb.com/programming/web-development/threads/544106/removing-unused-code) An html page that will read and display places and routes from a kml file using Google Maps API. The earlier version used Leaflet's API. The Leaflet version had over a dozen files: html, js and css. …

I'm facing a confusing issue with one of my websites. When I test in Google Pagespeed Insights, the performance score is 99/100 and there are no visible LCP (Largest Contentful Paint) issues reported. However, in Google Search Console, I keep getting warnings about LCP problems on some URLs. I’ve double-checked …

I’ve been shifting a project from Vue 2 (Options API) to Vue 3 with the Composition API, but I’m running into issues managing shared state across nested child components. Using provide/inject feels hacky and Vuex seems too heavy for small data pieces. What’s the best practice for maintaining reactivity without …

Reducing image file size is a common task for both developers and everyday users. Whether you're submitting a form, uploading a profile photo, or optimizing a webpage, you’ll often run into strict file-size limits like 100 KB, 200 KB, etc. Most online tools upload your file to a server and …

It seems as if full stack web development is more popular these days than someone who just focuses on backend, just on frontend, etc. Perhaps it's just the people that I'm exposed to? I would assume that in larger corporations, people would be more pigeonholed. I was just curious how …

I've been racking my brain on this one for a good 30 minutes already, and I don't know why I'm just not seeing it. Instead of posting a bunch of code here, I'm going to walk you through how to reproduce it on Daniweb. Please go to the [Contribute](https://www.daniweb.com/community/contribute) page …

Do either Safari or Firefox have near-term plans to implement container scroll-state queries? Google AI says that Safari supports it, but caniuse.com clearly says it does not. I'm waiting on this one with bated breath. For those of you who are not sure what I'm referring to, [it's this](https://caniuse.com/wf-container-scroll-state-queries).

i have currently learning html only but its so boring do all of you guys had same problem and tell me which language do i start with html, me and my friend have made a site on html with little css and and js (thegeekinsights) and its going fine. can …

Hi all, For the past few years I've been working on this visual web dev tool called Webfoundry: https://webfoundry.app/ It allows you to visually manipulate the DOM to create components and page templates, add JavaScript bindings, and build anything the browser can accomodate. It's different from existing competitor products in …

Hi DW, I have a back-end php file which is an engine for my site and a HTML file which is where the input is shown. the actual html code for the inputs is returned from the backend php file because it get customized there and returned with it data. …

When the page loads, the div design makes the animation starts below. If I page down, the div animation already starts. I would like an code that the animation just appear when shows by the page. <html> <head> <meta name="viewport" content="width=device-width, inicial-scale=1"> <meta name="keywords" content="carlos web,soluções web,soluções,serviços,web design,hospedagem grátis,hospedagem,panfletos,placas,banner,banners,fachada,fachadas,papéis de …

I’ve been exploring ways to optimize image-heavy websites for speed without losing quality. WebP and AI-driven compression tools are great, but trade-offs remain when dealing with large photo libraries. For example, fashion blogs like *<mine>* showcase detailed hairstyle photos (e.g., textured fringe, butterfly cuts), so performance tuning is critical. What …

Hey developers 👋 I’m working on a new project for a client — a estate agency Ilford, and I’m wondering how much of this could be streamlined or even built with AI tools? The site needs standard features like: Property listings Service request forms (for tenants) Payment gateway Backend for …

Please answer

If I want to use Bootstrap 5 for my admin dashboard and avoid Tailwind, which templates should I consider?

I need to display a pound currency symbol before the amount that is calculated Below is the code I currently have <th class="text-right py-1 px-2 grand-total">0</th> function calc(){ var grand_total = 0; $('table#list tbody input[name="total[]"]').each(function(){ grand_total += parseFloat($(this).val()) }) $('table#list tfoot .grand-total').text(parseFloat(grand_total).toLocaleString('en-gb', {style:'decimal',maximumFractionDigit:2})) $('[name="amount"]').val(parseFloat(grand_total)) } I'm not sure where to …

I have a DataGrid with a picture as link button in one of the columns. The linkbutton automatically gives me a blue linkframe around the picture. How do I get rid of that? Thanks! /Daniel

Hello all! I have been away from this forum for far too long and would like to help with my experience/knowledge. This place helped me get through college and early professional work as a web developer. Is there a section to post random code snippets for tasks that may help …

First I want to say that my only interest in the technical details of web development are from an end user perspective. I usually go to [this site](https://www.theweathernetwork.com/ca) to get my weather forecasts. Their current display format is to present the forecasts horizontally but it will likely be changing soon …

I’m looking for practical advice and best practices that can help improve a site's speed, considering factors like image optimization, code minification, and server response times. How do you balance performance improvements with maintaining a rich user experience? What tools or techniques have you found most useful in diagnosing and …

Can you guys help me figure out how to use tailwind utility classes "@apply md:text-xl" within .scss files in nextjs

i need code

Hey everyone! 🌟 Web development is evolving rapidly with exciting trends like Progressive Web Apps (PWAs), Jamstack architecture, and AI integration. What tools and frameworks are you using? How do you tackle challenges like responsive design, performance optimization, and security? Share your experiences and tips! Cheers, Haseeb Ahmad:

<head><title>navigation</title> <link rel="stylesheet" href="../css/nav.css"> <link rel="stylesheet" href="../css/tutorial.css"> <link rel="stylesheet" href="../css/vedio.css"> <link rel="stylesheet" href="../../ionicons-2.0.1/css/ionicons.min.css"> </head> <body> <div class="container"> <button onclick="unb()" id="but">&#9776</button> <ul> <li><a href="#">MyList</a></li> <li><a href="#">KitHub</a></li> <li><a href="#">Comment</a></li> <li><a href="#">Image</a></li> <li><a href="#">About</a></li> <li><a href="#">Help</a></li> <input type="search" name="search" placeholder="SEARCH TUTORIAL VIDEO" id="search"> </ul><br> <!-- <button>&#8998</button> close --> <i style="font-size: 49px; color: white;margin-right: …

I'm trying to understand what schema markup code is and how it works. From what I've gathered, it's a way to help search engines understand the content on a webpage better, but I'm not entirely sure how it's implemented or what benefits it provides. Can someone explain in detail: 1. …

Hello, I would like to wrap (surround) all words "flyer" (case insensitive) in the HTML text content, not those in the link. My RegEx works fine on Regex101: https://regex101.com/r/NVmXd1/1 Attached, my HTML file to test my (non working) JS RegEx. Thank you and regards.

can any one help me in improving website lcp?

"I'm working on a navigation menu for my HTML page, but it's not behaving as expected. The links aren't aligning properly, and the styling seems a bit wonky. I've included the code below. Can anyone help me figure out what's causing this navigation headache? This my Code <!DOCTYPE html> <html …

how to optimized page speed and make it mobile responsive without using any plugin?

Hello everyone, I have a task in which I would like to implement the graphical visualisation of a quadratic equation in the interval x =[-10,10] and - if any exist - the corresponding zeros, using CanvasRenderingContext2D methods. To convert the coordinates into pixel coordinates within the canvas: the coordinates into …

I want to display different html tags on the php page they are visiting, for example on the homepage and the computer shop basildon page I want the html tag `<section class="testimonal-two pt-0">` and on all other pages I want the code `<section class="testimonal-two">` Below is the code I have …

<!DOCTYPE html> <html style="font-size: 16px;" lang="en"><head> <title>Comment</title> <script src="js/jquery.js"></script> <link rel="stylesheet" href="sign.css"> </head> <body class="u-body u-overlap u-xl-mode" style="background: url(img/arcane.png);" data-lang="en"> <div class="container" style="text-align:left;margin-top: 10px;margin-bottom:30px; margin-left: auto; margin-right: auto;background: #fff;" > <div class="title">Registration</div> <form action="#" enctype="multipart/form-data" method="POST" > <div class="user-info"> <div class="input-box"> <span class="text">First name</span> <input type="text" name="firstname" placeholder="Enter Your firstname"> …

"I'm attempting to embed an image in my HTML page, but it's not showing up. I've checked the file path, and it seems correct. Below is the code I'm using. Any insights on why the image isn't displaying as expected?"" <!DOCTYPE html> <html lang=""en""> <head> <meta charset=""UTF-8""> <meta name=""viewport"" content=""width=device-width, …

Pardon me if this is not allowed here, you can remove this if this is not allowed. I’ve finished learning basics of HTML and CSS indvidually. I.e topic by topic w/o creating a project. If you want to know the topics that I’ve learnt, I’ve learnt around everything contained in …