zlodeev

Я кажется понял что именно необходимо, чтобы блок заканчивался плавно. Мне кажется, что лучше будет сделать через :after и :before, а именно сделать их блочными, и в background: linear-gradient(top, #цвет_блока, transparent) прописать. Должен получится подходящий эффект

Наставником быть не смогу, но помочь чем-то, или подсказать что-то без проблем) Давно уже ищу, с кем бы вместе учиться тонкостям этого дела. Сижу вечерами лепаю бесплатные psd макеты. Желающие присоединиться - пишите сюда, либо на мыло zlodeev.ik@gmail.com. От себя обещаю предоставить место на норм сервере, а если сдружимся, то может откроем на том же хостинге сайт со своими работами.

Так вроде же внешняя тень нужна, а не внутренняя?

Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот:

Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно).

PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков, как мы, важнее именно внешняя схожесть с макетом.

А я бы обернул div#citation в div со свойством overflow-x: hidden, добавив к нему(#citiation) box-shadow: 0 0 10px 3px black;

И на этом спасибо, интересное решение

Делал сайт, смотрю на макет, а там блок в котором несколько элементов идут снизу вверх.

Вот так

Это пример этого самого блока, цифрами обозначен порядок расположения "кубиков-кнопок". Т.е. каждый новый "кубик" добавляется слева, а не справа, либо отталкивается каким-либо образом от правой границы.

Причем такой блок будет не один и внутри каждого будет разное количество "кубиков", с фиксированным количеством проблем бы не было, сделал бы отступами, но так не знаю что и придумать.

Хотел на js сворганить, но решил всё таки поискать решение без его использования. Надеюсь на вашу помощь.

Попытка сделать через <ul> с float:right на первой строчке даёт необходимый результат, но при переходе на вторую всё каверкается, получается пустое место.

то, что готово сейчас, можно посмотреть здесь http://wiic.ru/v0.2/