sliced image menu design help needed

[eazybaker]

Hi,i sliced my menu buttons with ps and is use static menu

Code: [Select]

<div id="topnavmenu">
<table cellpadding="0" cellspacing="0">
        <tr>
           
            <td><a href="<?php echo WB_URL;?>/pages/avaleht.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('avaleht','','<?php echo TEMPLATE_DIR; ?>/images/avaleht.png',1)"><img src="<?php echo TEMPLATE_DIR; ?>/images/avaleht.png" name="avaleht" title="Avaleht" width="126" height="76" border="0" alt="<?php page_title(&#39;&#39;, &#39;[WEBSITE_TITLE]&#39;); ?>" /></a></td>

            <td><a href="<?php echo WB_URL;?>/pages/minust.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('minust','','<?php echo TEMPLATE_DIR; ?>/images/minust.png',1)"><img src="<?php echo TEMPLATE_DIR; ?>/images/minust.png" name="minust" title="Minust" width="126" height="76" border="0" /></a></td>

            <td><a href="<?php echo WB_URL;?>/pages/tehtud.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tehtud tööd','','<?php echo TEMPLATE_DIR; ?>/images/tehtud.png',1)"><img src="<?php echo TEMPLATE_DIR; ?>/images/tehtud.png" name="tehtud" title="Tehtud" width="126" height="76" border="0" /></a></td>

            <td><a href="<?php echo WB_URL;?>/pages/kontakt.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kontakt','','<?php echo TEMPLATE_DIR; ?>/images/kontakt.png',1)"><img src="<?php echo TEMPLATE_DIR; ?>/images/kontakt.png" name="shop" title="Kontakt" width="126" height="76" border="0" /></a></td>

        </tr>
    </table></div>
well everything is in place,but i want add under active button a small arrow


how this can be done?

here is a website i make

and here is example of menu what i want ,the
only difference is that i want that arrow on bottom of actve button.

thank you

[crnogorac081]

I suggest to take a look at css file on that site

[eazybaker]

I suggest to take a look at css file on that site

ok i will give a try with that