JSFiddle - React, Tailwind, and code Playground

HTML

<table align="center">
    <tr>
        <td bordercolor="#FFFFCC">
    <div id="imgGal" align="center">

<div class="view view-first">
 <a href="javascript:displayWindow('katie-price-001.html',800,800)">
<img src="http://agd-brita.pl/test/th_katie_price_001.jpg" alt="ładna dziewczyna na tle muru z cegły Katie Price Jordan-001.jpg"></a>
<div class="mask">
 <a href="javascript:displayWindow('glosowanie-001.html',200,100)" class="info">Głosuj na zdjęcie</a> </div>
</div>
<div class="view view-first">
 <a href="javascript:displayWindow('katie-price-003.html',800,800)"><img src="http://agd-brita.pl/test/th_katie_price_003.jpg" alt="blond włosa ślicznotka Katie Price Jordan-003.jpg"></a>
<div class="mask">
 <a href="javascript:displayWindow('glosowanie-001.html',200,100)" class="info">Głosuj na zdjęcie</a> </div>
</div>
<div class="view view-first">
 <a href="javascript:displayWindow('katie-price-004.html',800,800)"><img src="http://agd-brita.pl/test/th_katie_price_004.jpg" alt="ładna kobieta w koralach Katie Price Jordan-004.jpg"></a>
 <div class="mask">
 <a href="javascript:displayWindow('glosowanie-001.html',200,100)" class="info">Głosuj na zdjęcie</a> </div>
</div>
<div class="view view-first">
 <a href="javascript:displayWindow('katie-price-005.html',800,800)"><img src="http://agd-brita.pl/test/th_katie_price_005.jpg" alt="super seksowna w białym stroju kąpielowym Katie Price Jordan-005.jpg"></a>
<div class="mask">
 <a href="javascript:displayWindow('glosowanie-001.html',200,100)" class="info">Głosuj na zdjęcie</a> </div>
</div>
<div class="view view-first"> 
 <a href="javascript:displayWindow('katie-price-006.html',800,800)"><img src="http://agd-brita.pl/test/th_katie_price_006.jpg" alt="piękna dziewczyna na kanapie Katie Price Jordan-006.jpg"></a>
<div class="mask">
 <a href="javascript:displayWindow('glosowanie-001.html',200,100)" class="info">Głosuj na zdjęcie</a> </div>
</div>
<div class="view view-first"> 
 <a...

CSS

body {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFCC;
    font-size: 10pt;
    
}

img {
    margin: 0;
    padding: 0;
}

table {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFCC;
    font-size: 10pt;
}

img
#imgGal {
    background-color: #FFFF99;
    border: 1px solid #ccc;
    padding: 10px;
    position:relative;
    width:370px;
}



#imgGal img {
    border: 1px dashed #0000FF;
    padding: 3px;
}

.view {
    display: -moz-inline-stack;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    zoom: 1;
    *display: inline;
    *margin: 2px;
}

.view img {
    display: block;
    position: relative;
}

.view-first .mask {
    width: 100%;
    height: 20px;
    border:solid 1px;
    position: absolute;
    overflow: hidden;
    bottom: 4px;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-first a.info{
    display: inline;
    text-decoration: none;
    margin: 0;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-first:hover .mask {
    background: rgb(0,102,0);
    background-color: rgba(0,102,0,0.5);
    width: 100%;
    filter: alpha(opacity=60);
    opacity: 1;
}

.view-first:hover a.info {
    filter: alpha(opacity=60);
    opacity: 1;
}

JavaScript

var onl=window.onload||new Function;
   window.onload=function(){
    var gora    = 170;
    var reakcja = 6;
    var skok    = 120;
    var d=document;
    var m=d.getElementById('flMenu');m.t=0;
    (function(){
      m.t+=((d.documentElement||d.body).scrollTop - m.offsetTop+gora)/skok;
      m.style.top=m.t+'px';
     setTimeout(arguments.callee,reakcja);
    })()
   }

function displayWindow(url, width, height) {
        var Win = window.open(url,"displayWindow",'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes,menubar=no,toolbar=no,top=1,left=1' );
}