Помогите

[CheJo]

нужно сверстать вот такой блок портфолио!

заказчик хочет чтобы эти картинки были кликабельные, чтобы в последствии их можно было заменить.

Проблема в том что я не знаю как к этому делу подступить, с какой стороны. Там еще тень общая и рамки общие..

Получается нужно вырезать отдельно тени со всех сторон, сами картинки и потом накладывать их друг на друга чтобы была рамка в 1пиксель? или както по другому можно это сделать?

[Softlink]

с тенями не очень понятно. Что такое и где находится общая тень?

[Gaspode]

Таблицей делайте же.

[Temiks]

  On 6/5/2011 at 5:02 PM, Gaspode said:

Таблицей делайте же.

+1

[Softlink]

а меня вот тень интересует)) Она общая для таблицы или для каждой ячейки должна быть?

В смысле если для ячеек, то внутренняя.

Edited June 5, 2011 by Softlink

[Temiks]

  On 6/5/2011 at 5:15 PM, Softlink said:

а меня вот тень интересует)) Она общая для таблицы или для каждой ячейки должна быть?

В смысле если для ячеек, то внутренняя.

вы что тень не можете увидеть на скрине?

[Softlink]

  On 6/5/2011 at 5:24 PM, Temiks said:

  On 6/5/2011 at 5:15 PM, Softlink said:

а меня вот тень интересует)) Она общая для таблицы или для каждой ячейки должна быть?

В смысле если для ячеек, то внутренняя.

вы что тень не можете увидеть на скрине?

только рамки) Поэтому и спрашивал про нее

[psywalker]

Да нафига всё это нужно? Делаешь блок, с рамкой и закруглёнными углами, и в него уже потом засовываешь список с картинками. Углы у рамки делаешь отдельно, чтобы их наложить абсолютом с большим z-index; чем у картинок, если нужно.

[CheJo]

  On 6/5/2011 at 4:58 PM, Softlink said:

с тенями не очень понятно. Что такое и где находится общая тень?

тень там всего в 2 пикселя

  On 6/5/2011 at 5:32 PM, psywalker said:

Да нафига всё это нужно? Делаешь блок, с рамкой и закруглёнными углами, и в него уже потом засовываешь список с картинками. Углы у рамки делаешь отдельно, чтобы их наложить абсолютом с большим z-index; чем у картинок, если нужно.

не понял зачем блок с закругленными углами?

я еще только учусь верстке и не знаю что за z-index и как его прописывать

[Softlink]

итого: надо сделать рамку вокруг всего блока, при этом задать ей тень в 2 пикселя, а внутри никаких рамок не будет?

Под IE планируете делать?

[CheJo]

внутри тоже будут разделения в один пиксель между картинками

что значит под IE? Internet Explorer? под все браузеры)

если я правильно вас понял

[Softlink]

у меня вот так получилось.

Ссылка тут

Но в ИЕ box-shadow не работает.

Посмотрите, может от этого стоит отталкиваться, а ребята поди чего-нибудь подскажут как сделать тень для ИЕ. Я честно не знаю, как делать ее для эксплорера, кроме как картинкой или скриптом каким-нибудь.

Edited June 6, 2011 by Softlink

[alb]

угу, имхо ради ИЕ громоздить вложенные элементы только ради создания тени, ни разу не правильно (кроме того, это лишние ноды в DOM), и лично я всегда для неполноценных использую любые возможные скрипты, что бы из-за ИЕ семейства не страдала семантика (разумеется, на сколько это вообще возможно для кроссбраузерных решений). В данном случае, думаю будет достаточно css3pie

Edited June 6, 2011 by alb

[CheJo]

  On 6/6/2011 at 5:12 AM, alb said:

В данном случае, думаю будет достаточно css3pie

полезная штука спасибо!