Тень средствами css

[mario]

Собственно как можно сделать тень которая отбрасывается от "страницы", подробнее на рисунке.

[spdif]

как можно сделать тень?

А вы попробуйте подумать сами, не способны думать сами? тогда тупо скопируйте... например здесь

[kalyaka-malyaka]

фоновый рисунок, плодящийся по вертикали

либо для каждого цвета свой и гифками, либо сделать тенюху прозрачным png

[mario]

2spdif просто опыта еще не хватает думать самому... смог бы подумать как это организовать то уже что то бы выложил... щас бум думать в сторону png тени, там я как понял есть подводные камни с отображением в ИЕ...

[mario]

а как должен располагаться тень в дивах?

пример 1: див с тенью внутри дива к которому должна быть тень

<div class="page">тут контент<div class="shadow_p"></div><div>

пример 2: див с тенью сверху("облегает") див к которому должна быть тень.

<div class="shadow_p"><div class="page">тут контент</div><div>

[kalyaka-malyaka]

а как должен располагаться тень в дивах?

пример 1: див с тенью внутри дива к которому должна быть тень

<div class="page">тут контент<div class="shadow_p"></div><div>

пример 2: див с тенью сверху("облегает") див к которому должна быть тень.

<div class="shadow_p"><div class="page">тут контент</div><div>

надо тень ставить фоновой картинкой:

<div class="page">тут контент</div>

.page {
background-color:#ffffff;
background-image:url(images/pic.png);
background-position:right top;
background-repeat:repeat-y;
background: #ffffff url(images/pic.png) right top repeat-y;
}
/* или сокращенная запись */
.page {
background: #ffffff url(images/pic.png) right top repeat-y;
}

[mario]

надо тень ставить фоновой картинкой:

<div class="page">тут контент</div>

.page {
background-color:#ffffff;
background-image:url(images/pic.png);
background-position:right top;
background-repeat:repeat-y;
background: #ffffff url(images/pic.png) right top repeat-y;
}
/* или сокращенная запись */
.page {
background: #ffffff url(images/pic.png) right top repeat-y;
}

что то не выходит... , ну ладно щас покапаемся...

еще вопрос а если уже есть див с фоновой картинкой как быть?

[kalyaka-malyaka]

что то не выходит... , ну ладно щас покапаемся...

еще вопрос а если уже есть див с фоновой картинкой как быть?

по-моему, вам не хватает пространственного воображения.

вы представьте, разрисуйте на листочке, как организовать раскладку, чтобы общую тень страницы поставить для какого-то внешнего контейнера, внутри которого будут блоки с другими фонами.

без мокапа cсложно что-то советовать.

[mario]

мокапа что это? =)

[kalyaka-malyaka]

мокапа что это? =)

mockup (англ.) - макет