Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
CSS Articles
Page 44 of 130
How to Compare Two HTML Elements?
To compare two HTML elements we will use HTML and Javascript. HTML and JavaScript is a popular combination where there are instances whereby you need to compare two HTML elements. You may want to know if the two elements are absolutely similar in terms of structure, Class ID or §, etc. In this article, we will explore two common approaches to compare HTML elements in JavaScript: Manual Comparison and JSON-based Comparison. 1. Comparing HTML Elements Manually It simply means that, in manual comparison, you are fully in charge of the properties that you would want to compare. In this method, ...
Read MoreHow do I CSS transition a modal dialog element when it opens?
Introduction Web modals can be described as an important aspect of web user interfaces since they give the option to show data or for the user inputs without changing the page other than the modal. Using CSS to apply transitions aids the UI where opening and closing display modals to the user are smooth and more natural. In this tutorial, you will learn how you can use CSS transitions to have more engaging access to a page with a modal dialog box. Requirements To follow along with this tutorial, you will need − Knowledge and ...
Read MoreCreate survey form in HTML and CSS
Introduction In this article, we will see the development of a form for feedback, surveys, and user data. The survey form should have an appealing outlook, as well as guarantee that the data collected is reliable and systematized. In this, we will see how to create a survey form in HTML and CSS that is fully functional as well as visually appealing. Overview Here, the goal of this article is to help you understand the process of making a survey form responsive and beautiful with the common data about the user that are name or nickname, e-mail, age, and position, ...
Read MoreCredit Card UI Design in HTML & CSS
To design Credit Card UI Design in HTML & CSS, we will begin with creating the structure of the Credit Card UI with the help of html. And we will design the html in the credit card with the help of css. In this article, our task is to design a credit card UI design in HTML and CSS. Steps to Create Credit Card UI Design To design a credit card UI in HTML and CSS, we will create two files: HTML Code for Structure CSS Code for Styling ...
Read MoreHow to Make the CSS margin-top Style Work?
Sometimes, the margin-top in CSS doesn't work as expected. You might not see the space you want above an element, or it might not behave correctly. This can happen because of things like collapsing margins, the element's type, or how it's positioned. Our task is to show you how to make the margin-top style work using different approaches, so you can control spacing in your designs. Approaches to Managing Margin-Top We'll look at different ways to manage the margin-top property and control space between elements. Here are the methods to solve common margin problems: ...
Read MoreHow to Remove the CSS :hover Behavior from an Element?
Removing the :hover effect means stopping an element from changing its appearance when a user hovers over it. You might need to do this if the hover effect is unnecessary, distracting, or doesn't fit with the design of your page. Our goal is to show you a simple way to disable the hover effect without messing with the other styles of the element, so your design stays consistent and user-friendly. Approaches to Remove the :hover Effect We'll show you different ways to remove the :hover effect from any element. Whether you're using CSS, JavaScript, or targeting specific devices, ...
Read MoreImplementing CSS Shapes for Creative Text Wrapping
Introduction Traditionally, wrapping up any content on a webpage such as texts relies on rectangular boundaries. Of course, it’s functional but sometimes it feels rigid as developers are cornered with a limited option and there is little to no room for flexibility. But with CSS shapes, designers and developers can break free from these constraints creating layouts that are visually appealing and dynamic. What are CSS Shapes CSS Shapes are unique CSS features that allow text to flow around images seamlessly and around custom shapes such as circles and polygons, enabling designs that were previously difficult to achieve with CSS ...
Read MoreHow to Make the CSS vertical-align Property Work on the div Element?
This article will let you understand the vertical-align property in CSS. Here, we discuss the limitations of the vertical-align property and a few methods to overcome this, and hence, you will learn the solution to make the vertical-align property work on a div tag. Why does vertical-align don't work on div elements? Remember, the `vertical-align` property only works on inline, inline-block, and table-cell elements. You cannot use it to align block-level elements vertically. Tables work differently than divs because all the rows in a table are the same height. If a cell doesn’t have much content, the browser ...
Read MoreHow to Create Facebook Login Page in HTML and CSS
HTML stands for Hyper Text Markup language that is used to create the structure or layout of any webpage. CSS stands for cascading style sheets that are used to format and add styles to web pages. In this article, we are going to discuss how we can create a Facebook login page using HTML and CSS. Facebook Login PageA login page is the first page of any application or website. If we had already created our account on any website or app then we enter our login credentials on the login page to access our account. The design will be simple, responsive, ...
Read MoreHow to insert Spaces/Tabs in text using HTML and CSS?
To insert spaces/tabs in text using HTML and CSS, can be tricky as HTML generally doesn't recognize multiple spaces or tabs by default. If you add extra spaces in your code, they'll collapse into a single space when displayed in the browser. We will be understanding three different approaches to insert spaces in text. In this article we are having some text content, our task is to insert Spaces/Tabs in text using HTML and CSS. Approaches to Insert Spaces/Tabs in Text Using HTML Entities for Spaces Using CSS margin or ...
Read More