img { display: block; padding: 8px; margin: 8px; border-color: black; border-style: solid; border-width: 1px; float: left; } img:hover { border-color: #88f; background-color: #ddf; } img.pelny { border-color: red; } #poprz,#nast,.k4,.gora { width : 160px; height : 100px; display: block; margin: 3em; background-repeat: no-repeat; } #poprz { float:left; clear: both; background-image : url(poprz.png); } #poprz:hover { background-image : url(poprzh.png); } #nast { margin-top: 17em; float:right; margin-right: 0; background-image : url(nast.png); } #nast:hover { background-image : url(nasth.png); } .k4 { width: 210px; height : 130px; clear: both; background-image : url(k4.png); } .k4:hover { background-image : url(k4h.png); } .gora { float: left; background-image : url(gora.png); } .gora:hover { background-image : url(gorah.png); } #full-image-div { float: left; width: 200px; } #dirlist td,th { border-color: black; border-style: solid; border-width: 3px; text-align: center; } #dirlist th { border-width: 1px; padding: 3px; } #dirlist td a { display: block; padding: 5px; font-weight: bolder; } .dirlist td a:hover { background-color: #ddf; } #comments { clear: both; } #comment-form-table tr td.form-caption { text-align: right; } #comment-form-table textarea { width: 98%; height: 5em; } .comment-block { border: 1px solid gray; margin-bottom: .8em; }