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
Web Development Articles
Page 295 of 801
How to set the content as a counter?
In general, we use JavaScript to set the dynamic content as counter for the content on the web page. But in this article, we are going to learn how we can set the content as counter using the CSS counter properties. It is possible to set content as counter by using the counter properties inside the before or after pseudo selectors. Let us now see the counter properties we can use to set the content as counter using CSS. The CSS counters are just like the variables in other languages. We can increment their values using CSS rules or properties. ...
Read MoreHow to set position of an image in CSS?
In general, the default position of an image is left aligned on the web page. But you can change the position of an image according to your needs and set the position of an image manually on the web page where you have to show that particular image. Let us now discuss about the ways of positioning an image on the webpage using CSS. There are two methods or approaches in general to position an image on the web page using CSS that are listed below − Using the float property of CSS Using the object-position property of CSS ...
Read MoreHow to set padding inside an element using CSS?
Padding in CSS is used to give some space around the content of the element. You can add the space around the any type of content that is contained by the element. The content can be direct text, or any other nested elements inside it. You can easily add the space you want to set between the content and the boundaries of the element. Padding is the inner space, that is set only around the content and between the boundaries and content of element. Let us see how you can add padding inside an element around its content using CSS. ...
Read MoreHow to set padding around an element using CSS?
The padding property in CSS is used to set the inner space between the content and the boundaries of the container. The space defined using the padding property will be set around the content of the container not around the container itself. It will set the space inside the container not outside it. Let us see the different ways or methods of applying the padding around an element using CSS. There are two ways in which we can set padding around the content of an element using CSS as listed below − Using the individual padding property for each ...
Read MoreHow to set one column control over height in Bootstrap?
In this article, we will learn how we can set one column control over height in bootstrap? To solve this problem, first we make two different columns on the web page using Bootstrap classes, then we will use a div element inside one of those columns with position absolute to set the control of that particular column over height in bootstrap. Let us now practically understand the above approach or the process in details by implementing it inside the different code examples. Steps Step 1 − In the first step, we will define two different bootstrap columns inside a ...
Read MoreHTML DOM Form submit() method
The HTML DOM Form submit() method is used for submitting the form data to the address specified by the action attribute. It acts as a submit button to submit form data and it doesn’t take any kind of parameters.SyntaxFollowing is the syntax for Form submit() method −formObject.submit()ExampleLet us look at an example for the Form submit() method − form{ border:2px solid blue; margin:2px; padding:4px; } function ResetForm() { document.getElementById("FORM1").reset(); document.getElementById("Sample").innerHTML="Form has been reset"; } ...
Read MoreConvert HTML5 into standalone Android App
Steps Follow the below-given steps to convert HTML5 into standalone Android App You need to first create an Android app using Eclipse. Move HTML code to /assets folder −The Assets provide a way to include arbitrary files such as text, XML, music, fonts, and video in your application. Load web view with the file − android_asset/ file enable javascript Layout for WebView While creating a layout for WebView − WebVieww = new WebView(this); w.loadUrl("http://www.app.com/");
Read MoreMake container shrink-to-fit child elements as they wrap in HTML
We can easily make container shrink-to-fit child elements as they wrap. First, we will set the flex container flexible − display: flex; We will set the flex items to wrap − flex-wrap: wrap; Set the text center aligned using the text-align property − text-align: center; The list-style-type property is set to None to display no marker − list-style-type: none; Example Let us now see the complete example − DOCTYPE html> Flex Example ul { ...
Read MoreHow to count the number of notifications on an icon?
Overview A notification icon is a common feature that exists in each and every application. In order to count the number of notifications and display it on an icon can be achieved with basic knowledge of JavaScript. So to build this feature we should have some prior knowledge about HTML Document Object Model (DOM), CSS, and Bootstrap. Approach To start building this feature first we had to link some of the Content Delivery Network (CDN) links to our HTML page. Font Awesome CDN Link − Bootstrap CDN Link − ...
Read MoreHow to drop fill color to change the image color using HTML and CSS?
In the world of web development, it's essential to have knowledge about the latest CSS and HTML techniques to add stunning visual effects to a website. One such effect is the "color drop effect, " which allows you to change the color of an image on hover by dropping a fill color on it. With this effect, you can make your website more interactive and engaging for the visitors. In this article, we will guide you through the process of creating a color drop effect using HTML and CSS. So, whether you are a beginner or an experienced web developer, ...
Read More