Important CSS Property In JQuery And CSS

By:
On:
In: Article, CodeProject, CSS, CSS3, JQuery
Tagged: , , , , ,

In this post we will discuss how we can apply CSS important in JQuery. We all know that we can not apply a important CSS property directly to an element. It does not work. But still there is a solution for that. Here I am going to share you that. I hope you will like this. Background Recently I was going through a situation that to apply a custom CSS to an element which already has some CSS styles and all. I wanted to overwrite those CSS in situation based, that is when some condition satisfies. Using the code First of all we will createRead More →

By:
On:
In: Code Snippets, CSS, CSS3
Tagged: , , , ,

In this code, we will see how we can set an image to fit the screen completely. By doing this we can make sure that there is repeating of images in the background. Using The Code Here I am setting the image to the body tag. [css] #body { background: url("http://sibeeshpassion.com/content/images/indian%20flag%20banner.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } [/css] Please see other code snippets here: Code-Snippets Kindest Regards Sibeesh VenuRead More →

By:
On:
In: Article, CSS, CSS3, Mobile
Tagged: , , , , ,

Introduction Hi All, Hope you are fine. Today we will learn how we can hide a particular DIV element when the site is viewed in Mobile. I hope you will like this. Background For the past few days I was working in my personal website. Suddenly I found out an issue that my site’s footer is bothering when the same is viewed in mobile. So I started working on this issue and I could resolve it. So here I am going to share the fix you need to do. Using the code Previously whenever I view my website in mobile, I got a view asRead More →

By:
On:
In: Article, CSS, CSS3
Tagged: , ,

Introduction Hi All, How are you today? Today we will learn how we can align out HTML DIV element horizontally using normal CSS styles. I hope you will like this small demo. Background In our daily programming life, we all are familiar with DIV element, Which is used in most of the client side coded web applications . So it is important that we style them well. In this article we will see how we can align those DIV element in horizontal direction. Using the code Create UI element [html] <div id="parent"> <div id="div1" class="div">Number 1</div> <div id="div2" class="div">Number 2</div> <div id="div3" class="div">Number 3</div> </div>Read More →

By:
On:
In: Code Snippets, CSS, CSS3
Tagged: ,

Find the span from the series of div and apply style to it. [css] #columntablejqxgrid div[role="columnheader"]:first-child span{ text-align: left!important; } [/css] It will find out the div which has ID as “columntablejqxgrid” and from that it finds the inner divs whose role is “columnheader”. And once it finds the filtered divs it takes the first child and take the span.Read More →