Expand Collapse div and toggle images using jquery
Example1 | Example2 In this post I’ll be showing you how to implement expandable and collapsible toggle panel using jQuery. Here in this example when you click on the heading, the content gets displayed by sliding and when you again…
How to disable resizing for textarea using plain CSS ?
The resize property allows a developer to define whether or not a UI element can be resized manually by the user. Now suppose you have a textarea as shown below, [sourcecode language="html"] <textarea id="address">Some text</textarea> [/sourcecode] you can disable resizing…
Top 5 CSS Button Styling Tutorials and Techniques
One of my designer friend, recently shared with me his small experiment on buttons using CSS. Here is a direct link to the fiddle he shared. I hope someone finds this useful. Please feel free to modify this fiddle and…
How to add horizontal scroll or vertical scroll to a div
Using the overflow CSS property this can be achieved ! The overflow property specifies what happens if content overflows an element’s box. If the content of the div is too tall, there will be a vertical scrollbar. If the content…
How to override all styles in CSS
I recently came across a very unique requirement, I wanted to change all font-family(s) I had used for this site. I had defined font-family at many different places in divs, spans, h1s, h2s and where not, so I wanted some shortcut way…
Give a common CSS to all input tags
You may want to give all input tags a common CSS. That is you want all your Text Fields, Password Fields, Radio button, Submit buttons etc… all to have a common CSS. This can be done easily by simply including…
Remove a div / text using CSS
To remove a div or some text, I had used the display:none ;property. Another option is using the visibility: hidden; visibility: hidden will hide the element, but it will still take up space in the layout. display: none removes the element completely from…
