Необходимо каждому следующему элементу делать высоту блока выше.
Структура такова:
<div class="BracketColumn" basket-id="1">
<div class="sf_element"></div>
</div>
<div class="BracketColumn" stage-id="...">
<div class="sf_element"></div>
</div>
<div class="BracketColumn" stage-id="n">
<div class="sf_element"></div>
</div>
То есть необходимо в каждом последующем элементе sf_element, делать высоту больше на n*80 пикселей...
P.S: php вариант не подходит, также как и JS.
P.P.S: Рассчитываю на что-то типа nth-child()
Спустя 1 минута, 10 секунд (20.09.2012 - 22:20) inpost написал(а):
Нет такого, работать не будет.
Спустя 2 минуты, 8 секунд (20.09.2012 - 22:22) cyberside написал(а):
а возможно ли по stage-id задать стиль?
Спустя 11 минут, 49 секунд (20.09.2012 - 22:34) redreem написал(а):
можно слегка выпендриться, если изменить структуру html, при желании принцип можно допилить до n*80:
#first {height:80px !important}
.BracketColumn {position:relative;height:200%;margin:4px 0;}
.sf_element {position:relative;height:100%;background: #faa}
<div class="BracketColumn" id="first">
<div class="sf_element">1</div>
<div class="BracketColumn">
<div class="sf_element">2</div>
<div class="BracketColumn">
<div class="sf_element">3</div>
</div>
</div>
</div>
Свернутый текст
приобретайте курсы по верстке irbis-team, там и не такое узнаете :)
Спустя 12 минут, 3 секунды (20.09.2012 - 22:46) dron4ik написал(а):
redreem Верно подметил
Делай вложенность...
Делай вложенность...