Advanced Search

Return to Snippet

Revision: 34632
at October 26, 2010 08:23 by tcelestino
Initial Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.img {
	width:141px;
}
a {
	text-decoration:none;
}
a.crop-foto {
	height:116px;
}
.crop-foto {
	display:block;
	overflow:hidden;
	position:relative;
}
.crop-foto img {
	display:block;
	position:absolute;
}
.crop-foto:hover {
	border:3px solid;
}
.crop-foto:hover img {
	margin:-3px 0 0 -3px;
}
.corta.crop-foto:hover {
	border-color:#E70202;
}
.crop-116 a.crop-foto {height:116px;}

.crop-116 a.crop-foto:hover {height:110px;}
a:hover.corta {color:#C00 !important}
</style>
</head>

<body>
<div class="img crop-116"><a href="#" class="crop-foto corta"><img src="teste.png" /></a></div>
</body>
</html>
Initial URL 









Initial Description














Initial Title





Mouse hover on image









Initial Tags





css, html









Initial Language





HTML