×
Clear all filters including search bar
Valeri Tandilashvili's Personal Professional Blog
Results: 1022
max-width for images 
img {
    max-width: 100%;
    height: auto;
}
Full Width Background with Fixed Width Content 
div.inner {
    width: 700px;
    margin: auto;
}
Centering an Image Horizontally
One way to center an image horizontally
.img_container {
    text-align: center;
}
Another way of doing this:
img {
    display: block;
    margin: 0 auto;
}
https://youtu.be/jiA7BRTL1A0?t=201
display: none
Removing element from the dom
hovering over sub-menu list items 
#nav ul li:hover ul li a:hover {
    background-color: #ebebeb;
}
float: none 
#nav ul li {
    float: left;
    list-style: none;
}
#nav ul li ul li {
    float: none;
}
In this example the sub-menu list items will return back to default 
none
value of 
float
property and will sit vertically
hiding and showing sub-menu on hover over li items 
#nav ul ul {
    position: absolute;
    left: -1000em;
}
#nav ul li:hover ul {
    left: auto;
}
CSS Sprites 
.home a:link, .home a:visited {
    width: 120px;
    height: 120px;
    background: url(../images/sprites.jpg) top left no-repeat;
}
.home a:hover {
    background-position: 0 -120px;
}
.home a:active {
    background-position: 0 -240px;
}
CSS Sprites are used mostly for performance purposes
what z-index can't do
Example, where 
z-index
is not useful
z-index 
z-index
only applies to elements which are positioned (
relative
, 
absolute
, 
fixed
) Don't use values like 1, 2, 3,... instead use 100, 200, 300
Results: 1022