меню с подчертаване

[SandPrince]

някой може ли да ми каже как се прави такова меню като тук:
http://www.greencircleshoppingcenter.com/discover/

става дума за хоризонталното и в ляво вертикалното меню

търсих по кода ама нали кода не ми е силната страна не oткрих нищо особенно.

 

[raiden]

Фиксирани размери, display: block; и border
Ето нещо примерно:

#hmenu {
height: 30px; }
#hmenu a {
width: 100px;
height: 30px;
display: block;
float: left;
border-bottom: 1px solid #AFAFAF; }
#hmenu a:hover {
border-bottom: 2px solid #AAFFAA; }
#vmenu {
width: 100px; }
#vmenu a {
width: 100px;
height: 30px;
display: block;
border-right: 1px solid #AFAFAF; }
#vmenu a:hover {
border-right: 2px solid #AAFFAA; }

<div id="hmenu">
<a href="#">Link</a><a href="#">Link</a><a href="#">Link</a>
</div>
<div id="vmenu">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>

Edit: http://nezaetoime.hit.bg/demo.html ето как изглежда с малко подобрение