JSFiddle - React, Tailwind, and code Playground
HTML
<!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" lang="en" xml:lang="en">
<head>
<title> </title>
<body>
<div id="daumen">
<a href='./index.php?showimage=12&category=5' class='gsc_thumb_row'><img src='http://ph.net76.net/thumbnails/thumb_2010071711135801_Portrait-&-Beauty-02.jpg' alt='Portrait-&-Beauty-03.jpg' title='Portrait-&-Beauty-03.jpg' class='thumbnails' width='60' height='60' /></a>
<a href='./index.php?showimage=13&category=5' class='gsc_thumb_row'><img src='http://ph.net76.net/thumbnails/thumb_2010071711135801_Portrait-&-Beauty-02.jpg' alt='Portrait-&-Beauty-04.jpg' title='Portrait-&-Beauty-04.jpg' class='current-thumbnail' width='60' height='60' /></a>
<a href='./index.php?showimage=14&category=5' class='gsc_thumb_row'><img src='http://ph.net76.net/thumbnails/thumb_2010071711135801_Portrait-&-Beauty-02.jpg' alt='Portrait-&-Beauty-05.jpg' title='Portrait-&-Beauty-05.jpg' class='thumbnails' width='60' height='60' /></a>
</div>
</body>
</html>
CSS
#daumen {
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
margin-top: 225px;
padding: 0px;
height: 60px;
z-index: 5;
text-align: right;
width: 898px;
}
#daumen img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
#daumen img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.current-thumbnail a:link{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.thumbnails {
padding-left: 4px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 0px;
}
.current-thumbnail {
padding-left: 4px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 0px;
}