Categories
Css

3 ways to add CSS to your web sites

Website can not be completed without any style. So you apply CSS. When a browser reads a CSS style sheet, this formats the HTML document according to the information in the CSS style sheet. With 3 basic ways you can add CSS in your web pages:- 1) Link your webpage with an external file: <link […]

Categories
Css3

Using calc() calculate values in css

calc() function is a good feature of CSS. For arithmetic calculations in CSS it is used. You can use it for percentages and pixels also. In IE9 towards it works also. This is a native CSS way for doing simple math in CSS which is a replacement for any length value. It has four simple […]

Categories
Css

Create an IE Only Stylesheet

IE provides comment tags which is supported most of the IE version to target specific versions for creating IE Only Stylesheet. How’s your experience with IE? There is a 99% chance that you’ve had a hair-pulling experience with IE. We use conditional stylesheets when we face any problems and want to keep our code very […]

Categories
Css3

Convert an image to grayscale in CSS

Want to display a color bitmap in grayscale with just HTML/CSS? A quite little effort is sufficient for a lazy person to do this. We all know that CSS filters aren’t yet widely supported for all cases but, they are actually impressive and a basic need for web environment imagery. This allow you to modify […]

Categories
Css

Align text vertically next to an image

Need to Align text vertically next to an image? Here is a simple way to align text vertically that is also next to an image. Actually, this is quite simple. Apply the align to vertical to the image. Since it is all in one line, so, this is really the image that you want aligned […]

Categories
Css Html

Disable resizable property of textarea

Want to disable resizable property of textarea? Here is some tips to prevent the click on the bottom right corner of the textarea. To disable resizable property of textarea, there are a few options. <textarea name=”txtName” id=”txtID”></textarea> CSS can solve this problem and unfortunately it’s only supported on 60% of used browsers nowadays. Basically, you […]

Categories
Css

Margin vs Padding in CSS

Writing a CSS, there is a particular rule that should be used in deciding when to use margin and when to use padding. There are two ways in CSS for creating the space around your elements i.e. margins and padding. They are functionally identical but they behave in slightly different ways. To be clear about […]

Categories
Css3

Apply CSS to half of a character

Is there a way to apply CSS to half of a character in a text? Yes, it is possible. Half the letter being transparent and half is visible prominent. All you need to do is to add a class on the text you want to apply CSS and the rest is taken care of. The accessibility […]

Categories
Css

HTML Cellpadding and Cellspacing in CSS

In an HTML table, We can already set the cellpadding and cellspacing of a table. But, what if we like to implement with the help of CSS? Let’s see that. Cell padding: This is used for formatting purpose that is used to specify the space needed between the edges of the cells and also in […]

Categories
Css3

CSS triangles

Make triangles with the help of CSS in a single or multiple div with each direction possibility. Basically, the idea is a box with zero width and height. Actual width and height of the arrow is determined by the width of the border. For example, in an up arrow, the bottom border is colored, while […]