есть html код:
<div class="wrapper">
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 one"></div>
<div class="grid_1 two"></div>
<div class="grid_1 two"></div>
<div title="Главная" class="grid_1 two gr"></div>
<div title="Компания" class="grid_1 two gr"></div>
<div title="Сервис" class="grid_1 two gr"></div>
<div title="Продукция" class="grid_1 two gr"></div>
<div title="Контакты" class="grid_1 two gr"></div>
</div>
есть css код:
.wrapper {
position: absolute;
display: inline;
top: 74px;
left: -2px;
right: -2px;
bottom: 0;
z-index: 2;
width: 958px;
height: 306px;
margin-right: auto;
margin-left: auto;
}
.grid_1 {
border: 2px #eee solid;
margin-top: -2px;
margin-right: -3px;
}
.grid_1:after {
border: 2px #eee solid;
border-radius: 7px;
display: block;
margin: -2px;
content: attr(title);
}
.one, .one:after {
height: 134px;
}
.two, .two:after {
height: 50px;
}
меня сейчас вопрос заинтересовал, думаю стоит ли или не стоит использовать один трюк. с точки зрения разработки(верстки), это наиболее правильный(я считаю). а вот с точки зрении поисковой индексации я хз. вообщем я оформляю топик на toster.ru