JSFiddle - React, Tailwind, and code Playground

by walkerneo

HTML

<table>
    <tr>
        <td class="td_bezIvice">
            <a id="slevo" href="javascript:levo()"> <img src="left.png" width="60" alt="стрелица лево"/></a>
        </td>

        <td>
            <table>
                <tr>
                    <td class="gal"><img id="leva" src="blank.jpg" alt="лева слика"></td>   <td class="gal"><img id="srednja" src="blank.jpg" alt="средња слика"></td>  <td class="gal"><img id="desna" src="blank.jpg" alt="десна слика"></td>
                </tr>

            </table>
        </td>
        <td class="td_bezIvice">
            <a id="sdesno" href="javascript:desno()">   <img src="right.png" width="60" alt="стрелица десно"/> </a>
        </td>

    </tr>

</table>

CSS

#slevo
{
    display:block;
    height:51px;
    width: 60px;
    border: 10px outset gray;
}

#slevo:active
{
    display:block;
    height:51px;
    width: 60px;
    border: 10px inset gray;
}


#sdesno
{
    display:block;
    height:51px;
    width: 60px;
    border: 10px outset gray;
}

#sdesno:active
{
    display:block;
    height:51px;
    width: 60px;
    border: 10px inset gray;
}