We know how to display the € (€) or £ (£) symbols easily with HTML. Lets now see how easily can we display the new Indian Rupee Symbol using HTML. Easiest if your machine supports Unicode 6.0 If your machine supports Unicode 6.0 its as easy as ₹ (₹) If you want to make sure… Continue reading How to display Indian Rupee Symbol in Website with HTML / CSS / JS
Tag: CSS
Nested CSS
We sometimes need to give the same class different visual. Also sometimes a certain element can have different style depending on its placement. These can be achieved by using nested CSS. Lets clear it with a few example – .abc{ float:left; } .xyz .abc{ float:none;} In the above example class abc will have float:left. But… Continue reading Nested CSS
Div Center Aligned And Margin Auto Problem For IE6 Fixed
If you want to place your div in the center of its container with the help of CSS, you can do so following below process – Hi margin 0 sets the margin to 0px and auto sets equal space on either side of the div making it center aligned.Here both the outer and inner div… Continue reading Div Center Aligned And Margin Auto Problem For IE6 Fixed
Change CSS Class With JavaScript
If we need to change the CSS class of a div or any other element with onclick or onmouseover etc. dynamically using JavaScript, you can do so using className. Follow the below example – Click here to see the class change Mouse over to see the class change
Style HR Tag With CSS
There are pages which have a few hr tags thrown here and there. If the page is designed nicely, the hr tags look ugly, if not styled properly. To make them look fine use the following CSS properties. 1. border:none; – Will remove the border2. background-color:#000000; – Add color as required3. height:1px; – Adjust the… Continue reading Style HR Tag With CSS