Нужно сделать таблицу на странице

[Dimkar]

Всем привет  Только начал создавать landing page. Опыта мало - пришел к вам)  такая проблема: хочу на странице сделать некий каталог продукции моей. 

Вот что-то похожее:

 

Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: 

-картинка

-название

-цена

То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим написанным текстом(хочу там разместить чутка побольше инфы о товаре и картинку побольше, а может и вообще туда еще пару фотографий товара). Вот вроде все. 

Подскажите, пожалуйста, как это сделать всё? Очень благодарен буду))

[Q4Dizzy]

Ну создавай список ( UL LI ), картинке задай max-width: 100% от её родителя (li у тебя явно фиксированной ширины, вот под неё и будут изображения подгоняться)

Что бы всё было по центру - задай блоку, где они находятся - text-align:center. Что бы было одно под другим - либо окружи их блочным элементом (например параграф <p>), либо span (и укажи в стилях им display: block;) или на худой конец вставь, куда нужно тег переноса строки <br>

 

Пока сделай хоть это.

[Dimkar]

Ну создавай список ( UL LI ), картинке задай max-width: 100% от её родителя (li у тебя явно фиксированной ширины, вот под неё и будут изображения подгоняться)

Что бы всё было по центру - задай блоку, где они находятся - text-align:center. Что бы было одно под другим - либо окружи их блочным элементом (например параграф <p>), либо span (и укажи в стилях им display: block;) или на худой конец вставь, куда нужно тег переноса строки <br>

 

Пока сделай хоть это.

Мне нужно это все сделать на пустой странице. Как? 

Это не через таблицу делается?

То, как делать текст по центру и после картинки я понял, спасибо. Но вот как вообще для начала сделать 5 строк допустим с 4 столбцами? А дальше уже запихать то, что нужно в конкретные ячейки. Можно так сделать? И размеры еще ячеек может чтоб подгонялись по экрану зашедшего автоматически (может как-то в процентах от экрана). Помогите пожалуйста сначала с этим. У меня вот пустая страница, нужно (выше)

Спасибо)

[scarface.93]

Всем привет  Только начал создавать landing page. Опыта мало - пришел к вам)  такая проблема: хочу на странице сделать некий каталог продукции моей. 

Вот что-то похожее:

 

Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: 

-картинка

-название

-цена

То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим написанным текстом(хочу там разместить чутка побольше инфы о товаре и картинку побольше, а может и вообще туда еще пару фотографий товара). Вот вроде все. 

Подскажите, пожалуйста, как это сделать всё? Очень благодарен буду))

http://jsfiddle.net/LvBQE/