U.Helper

.dateBar{width:68px; height:45px;float:left; margin:12px 12px 10px 10px;}
#day{ font-size:36px;color:#7b7b7b; width:43px; text-align:center; float:left; font-weight:bold; line-height:30px;}
#year{ font-size:14px; font-weight:bold;color:#c6c6c6; width:43px; text-align:center; float:left; line-height:14px;}
#month{ width:24px; height:43px; float:right;}

<div class="dateBar">
             <a class="dateBar" id="day" href="./news/2011-06-30">30</a>
             <a class="dateBar" id="yaer" href="./news/2011">2011</a>
             <a class="dateBar" id="month" href="./news/2011-06">
             <?if(month="jan")?><img src="./images/date/jan.gif" alt="" title="Январь" border="0" /><?else?>
             <?if(month="feb")?><img src="./images/date/feb.gif" alt="" title="Февраль" border="0" /><?else?><?endif?>
             <?if(month="mar")?><img src="./images/date/mar.gif" alt="" title="Март" border="0" /><?else?><?endif?>
             <?if(month="apr")?><img src="./images/date/apr.gif" alt="" title="Апрель" border="0" /><?else?><?endif?>
             <?if(month="mai")?><img src="./images/date/mai.gif" alt="" title="Май" border="0" /><?else?><?endif?>
             <?if(month="jun")?><img src="./images/date/jun.gif" alt="" title="Июнь" border="0" /><?else?><?endif?>
             <?if(month="jul")?><img src="./images/date/jul.gif" alt="" title="Июль" border="0" /><?else?><?endif?>
             <?if(month="aug")?><img src="./images/date/aug.gif" alt="" title="Август" border="0" /><?else?><?endif?>
             <?if(month="sep")?><img src="./images/date/sep.gif" alt="" title="Сентябрь" border="0" /><?else?><?endif?>
             <?if(month="okt")?><img src="./images/date/okt.gif" alt="" title="Октябрь" border="0" /><?else?><?endif?>
             <?if(month="nov")?><img src="./images/date/nov.gif" alt="" title="Ноябрь" border="0" /><?else?><?endif?>
             <?if(month="dec")?><img src="./images/date/dec.gif" alt="" title="Декабрь" border="0" /><?else?><?endif?><?endif?>
</a>