RSS

Category Archives: css

common errors and tips while coding in css

[CSS] Hover in and out to minimize and maximize the details

There is two line code to minimize and maximize the details on hover in and out.

For minimize:

.details{height:25px;overflow:hidden; }

For maximize:

.details:hover{height:100%;overflow:normal;}

Thats it 🙂

Advertisements
 
Leave a comment

Posted by on January 29, 2014 in css

 

Tags: , ,

[css][tip] round corner of html element

Following is the css code for curving the html element corner:

.round-corner{
-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px;

}

It works in all commonly used browsers.

Enjoy CSS 🙂

 
2 Comments

Posted by on January 27, 2012 in css

 

Tags: , , , ,

|| css || tip || style is in-affective

If you find that you have given border, color, margin, padding or any other style to any html element but its in-affetcive i.e. you cant notice the change you want to, then simply add !important infront of that particular property e.g.

border:1px solid red !important;

color:green !important;

margin-left:10px !important;

padding-top:12px !important; and so on

So if you find that any styling property is quite remind it that you are not important 😉

 
Leave a comment

Posted by on October 18, 2011 in css

 

Tags: , , ,

 
%d bloggers like this: