mnjk

а не подскажите ли удобный способ?

Всем привет. Возможно, мой вопрос решается очень просто. Но я не могу сформулировать правильный запрос, чтобы решить свою проблему. А вот и она. Имеется меню, состоящее из категорий (1,2,3,4,5). И имеется некий набор статей, скажем 10, по 2 на каждую категорию. Хочу сделать следующее: на главной странице отображаются все статьи списком. При выборе определенной категории на странице остаются статьи только для этой категории, при этом страница не перезагружается или не уходит на новую. Это возможно при помощи инструментов HTML? Или же это javascript и базы данных? пока так: в меню категории - это ссылки, статьи определены тегом <article> подскажите хотя бы где подглядеть решение)) заранее спасибо.

При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 { display:inline; float: left; position: relative; margin-right: 20px; } вот как решал задачу,подскажите где ошибки как стало #page {width: 90%;min-windth: 980px;} #header {z-index:10;windth:100%; float: none;} #columns {z-index:1; width:100%;} #left_column {float:left;} #center_column {margin:0 auto;} #right_column {float:right;} #footer {width:100%;} а вот главная проблема: хочу зафиксировать левую колонку, чтобы при прокрутке было видна всегда. Вот как решал #page {width: 90%;min-windth: 980px;} #header {z-index:10;windth:100%; float: none;} #columns {z-index:1; width:100%;} #left_column {float:left; position:fixed;top:150px; left:0px;} #center_column {margin:0 auto;} #right_column {float:right;} #footer {width:100%;} и тут колонки сместились: как стало и вот вопрос: где я ошибься? как не допустить смещения?