Click here to Skip to main content
15,890,438 members
Everything / Web Development / CSS

CSS

CSS

Great Reads

by Steve Krile
Fully AJAX-enabled user control used to select names from a database in a drop-down format.
by Chris Maunder
Some tips and tricks to help you format your articles and tips simply and consistently.
by Robert_Dyball
Add JSON Web Token Authentication (JWT) using OpenIDDict to our ASP.NET Core + Angular 2 SPA. Source includes VS2015 and VS2017 versions.
by Member 4206974
FormGen, a JavaScript Form Generator

Latest Articles

by Member 4206974
FormGen, a JavaScript Form Generator
by Mark Pelf
Custom Breadcrumbs (CSS) for Bootstrap 5 framework
by KimJohnson
.NET Redis container and strongly typed data objects

All Articles

Sort by Updated

CSS 

U 30 Apr 2024 by Member 4206974
FormGen, a JavaScript Form Generator
U 23 Apr 2024 by Jeremy Falcon
Keep in mind, I've never used Webflow. And it's going to be hard to find Webflow experts here as we're mostly programmers with no need for that. As for me, I've dealt with Figma plenty from a programmer's perspective. I can tell you; however,...
U 21 Apr 2024 by mohamed gawdat
I want to create a website to sell products using Figma and Webflow. The problem is that I've heard a lot of people say that these sites have limited capacity, especially if there are a lot of products and videos (a large site). Is this correct?...
8 Feb 2024 by OriginalGriff
I wouldn't recommend it: LocalStorage is pretty small: 5Mb per app per browser, so you aren't going to get a lot in there. Download to the client and let them store it locally, or stream it from your server. And bypassing school restrictions...
8 Feb 2024 by Richard Deeming
Perhaps you're looking for the File System API? File System API - Web APIs | MDN[^] However, if you're loading a "loose" HTML page from disk, rather than via a web server, this probably won't work. APIs like this tend to be restricted to...
8 Feb 2024 by cn77
basically im making this site thats running LOCALLY on your computer its a music player that you can drag mp3 files in and have them save to your device, and be able to play them with a cool UI. Its for school so thats why I want it, since all...
1 Feb 2024 by Mark Pelf
Custom Breadcrumbs (CSS) for Bootstrap 5 framework
30 Jan 2024 by KimJohnson
.NET Redis container and strongly typed data objects
25 Jan 2024 by OriginalGriff
Read the instructions - they are very specific: Add five divider elements to the body element. You don't have that: you have a body element containing one DIV tag, and a total of five nested DIV tags: ...
25 Jan 2024 by Ana Carolina 2024
The instructions are: Open the index.html file and set up the following basic HTML document structure: Set the title of the HTML document to your name: ...
25 Jan 2024 by Nirav Prabtani
Your website does not behave properly with all browsers because of the font used. Indian language fonts are mostly not as regular as latin fonts, and many of the symbols are supposed to be overlapping - one character might have to appear above or...
6 Jan 2024 by Member 11400059
Hi I want check collision between Div and Img tag with java Script. I have Div with id name is MainDiv. in this div there is too many img tag with position absolute and deferent width and height. aslo there is div id name selection. the scenario...
24 Dec 2023 by Nischal Shar
I am creating a section of a page where I have to fetch the Movie Details and fill into these cards as user types but I encountered a problem, Where this section isn't covering the whole height space available. Any Help on how to resolve this...
7 Dec 2023 by Richard Deeming
It's not entirely clear what you're trying to do. Do you want each of the first five items to fill the width of the screen? body { margin: 0; } .main { background-color: rgb(113, 174, 174); width: calc(494vw + 500px) ; height:...
7 Dec 2023 by José Henrique Queiroz
Hello, I need some help with CSS and HTML. Specifically, I want the first 5 items in my flexbox (flex-items) to occupy the entire screen, but I want the 6th item to be hidden initially and revealed only when scrolling horizontally. I've been...
24 Nov 2023 by Andre Oosthuizen
This is unfortunately the issue if you copy and paste someone elses code without reading the documentation or understanding how an add-in should work. As per the comments, you had no reference to teh 'Zdog' library. Looking at their...
24 Nov 2023 by Nischal Shar
I'm trying to create a clock design and add a 3d drag according to the mouse movement view just like this pen[^] Although the above pen uses a library called Zdog, I also tried to add it in my code but I didn't find my way. I have a front view...
25 Oct 2023 by Rami Alshaar
Full guide to create a website
24 Oct 2023 by Ranjeetha Ravindran Virdi
function getBathroomsValue() { var uiBathrooms = document.getElementsByName("uiBathrooms"); for(var i in uiBathrooms) { if(uiBathrooms[i].checked) { return parseInt(i)+1; } } return -1; // Invalid Value } ...
24 Oct 2023 by nikita Alluvada
Main menu: user enters user id and password. Entered user id and password has to be verified from the table user_pass. If the entered user is right, then account creation screen is displayed, else the message invalid user id / password is...
21 Oct 2023 by OriginalGriff
If this was a genuine question, the answer would be simple: "Don't even think about it". The security you need - both legally and to protect your bank from theft is significant, the legal requirements on banks as regards accountability and...
21 Oct 2023 by Dave Kreskowiak
No, nobody is going to do your work for you, nor should they. You wouldn't learn anything at all if they did. Start by reading through the assignment again and figuring out what you have to do for each problem statement. For example, the first...
21 Oct 2023 by M Imran Ansari
It seems to be an assignment. Developing a complete online banking system is indeed a complex and comprehensive task that requires careful planning, robust security measures, and thorough testing. Creating an online banking system involves...
14 Oct 2023 by Andre Oosthuizen
Easiest would be to use float for your chat box, when a user have to scroll left to right the chat box still "floats above the current screen to access it easily - Floating Chatbox[^]
12 Oct 2023 by Nischal Shar
I'm working on a chat box UI, and I'm having trouble making it responsive for smaller screens. I want the chat section to be responsive, meaning that it should automatically adjust its layout to fit the screen size. The main goal is to ensure...
2 Oct 2023 by Member 16105269
I have an admin login page that logs in to the admin dashboard and I need it to display the administrator logged in. This is the code: var adminName = '" . $username . "';"; header("Location: admin.php"); exit(); } else { ...
2 Oct 2023 by raddevus
So you echo out a script tag to hold the value in a JavaScript var: echo "var adminName = '" . $username . "';"; So, when the page renders, if that works, you have the following JavaScript: var adminName =...
23 Sep 2023 by Graeme_Grant
This YT video does something similar and should point you in the right direction using Flexbox - Learn web development | MDN[^] : Build a responsive, animated, accessible accordion that looks pretty good - YouTube[^]
23 Sep 2023 by Sushant Neupane
I am learning on getting into the web dev career and so far have been building a portfolio website simultaneously with something new learned everyday. I am building the portfolio with 5 main DIVs laid out as a kind of an offset Grid and used JS...
19 Sep 2023 by ZAID razvi
How to make a Scrabble game with HTML, CSS and JavaScript. I tried a lot, but failed. What I have tried: I tried to make that mesh with CSS Grid, but it doesn't have borders property. And doing that with tables wouldn't be an optimized way.
16 Sep 2023 by OriginalGriff
While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it wouldn't be at all fair for...
13 Sep 2023 by Member 16091704
I do not understand which folders and files to upload to the hosting in what form (in the picture of the folder with my site). I was making a Python website with two applications and now I don't understand which files need to be downloaded. What...
13 Sep 2023 by MaxTheCoderOwlGenie
The CSS below displays the following: https://imgur.com/LKOlxvD I would like to update the code so small red text displays at the bottom of the section that has the "cc_icon.png" image, so it would look exactly like this:...
13 Sep 2023 by vlad10
I have installed hCaptcha into my contact form and it works fine (email is sent only after captcha is checked/validated, but how do I stop the page from refreshing on Submit if captcha is not checked/validated because all fields value disappear...
7 Sep 2023 by Member 16087262
I have a treeview with several internal branches that work well on large computer screens, but the problem I am facing is that when I display it on mobile phone screens, it appears very poorly and completely uncoordinated. The letters also appear...
4 Sep 2023 by Sergey Alexandrovich Kryukov
Another variant of the cross-platform replacement for all those office presentation applications in a single file, and now this file is JavaScript
4 Sep 2023 by Sergey Alexandrovich Kryukov
A cross-platform replacement for all those office presentation applications in a single file
1 Sep 2023 by Graeme_Grant
Very little to work with here... Try putting the video on a blank page with no css/styles applied. If still with the color cast, then you know where to look - how is the thumbnail image generated?
30 Aug 2023 by OriginalGriff
While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it wouldn't be at all fair for...
30 Aug 2023 by Richard MacCutchan
Quote: I need the backend code to solve this problem. Sorry, but you have come to the wrong place. This site does not provide code to order. If you do not have the skills to write it yourself then you will need to pay someone to do it for you.
29 Aug 2023 by Graeme_Grant
Disclaimer: There is no html markup to see the structure of your section, so it makes it hard to give an accurate answer. Did you use the bowser dev tools, find the pseudo element (::after) and see where the debugger is showing you where it is...
29 Aug 2023 by Andre Oosthuizen
You can add an else statement to your code, if it is false do nothing - $responseData = json_decode($verifyResponse); if($responseData->success) { //Your current code to submit the form... } else { echo "Please use my...
29 Aug 2023 by Richard Deeming
Quote: all fields value disappear and that is bad for user A classic XY problem[^]; rather than asking how to fix the actual problem, you ask us how to fix the proposed solution to the problem that you've already decided upon. If you could...
28 Aug 2023 by Jomar Apas
Twoclasees .box { width: 700px; margin: 100px...
28 Aug 2023 by Andre Oosthuizen
To target an element that has both classes border and top, you should use a single selector without space between the classes. You had '.border .top', it should be '.border.top' -
27 Aug 2023 by Graeme_Grant
Sometimes your browser caching can make it appear that way. Easiest way to force a page refresh is to open you dev tools, stitching to the network tab, then turn on/check disable caching. Now when you refresh the page, a full reload will happen. ...
23 Aug 2023 by mac123123
I just want to show how the whole page that I am talking about looks like. I do not think it is necessary but maybe helps just in case. So this web page I am working on has 2 Boostrap divs, one is col-sm-4 and the other is col-sm-8...
21 Aug 2023 by Richard Deeming
Quote: @media (min-width: 680px) { .col-sm-8.div{ width: 100px; } } @media only screen and (max-width : 680px) { .col-sm-8.innerdiv{ width: 100px; } } You have two selectors: .col-sm-8.div selects an...
13 Aug 2023 by Richard Deeming
document.querySelector will return the first matching element in your document. Assuming you want to update the parent table of the button you clicked, you need to use the event object's target property:
13 Aug 2023 by Ndambakuwa Mabarira
i want the second table to work exactly the same with javascript that makes it respond the same way as the first one is doing.help me edit the javascript so that it works with all duplicates that i am going to add What I have tried: ...
13 Aug 2023 by pedro_188
Hello to you all the programmers. I have question please help ,I appreciate it . I built a website by bootstrap and HTML and CSS . but the fact is that I had these tags inserted for supporting of Visual Studio code for my web page.
12 Aug 2023 by Graeme_Grant
Yep, v3.4.1 and v5.3.1 are very different! There are breaking changes. Here is the v3.4 documentation: Bootstrap v3.4[^] and here is v5.3 documentation: Bootstrap v5.3[^] You will need to update your project if you want to use the latest version.