kRicha

#all {

margin: auto;

width: 1100px;

position: relative;

}

>

#all {

margin: 0 auto;

width: 1100px;

position: relative;

}

<a href="#" onclick="return false;">click</a>

Вот как оно выглядит на iphone.

http://s017.radikal.ru/i413/1402/7b/fed2a6e2f44b.jpg

http://s019.radikal.ru/i624/1402/e4/4214f8475054.jpg

http://s006.radikal.ru/i214/1402/82/a7ea2761c9a7.jpg

я бы точно не советовал opencart, там очень сложная структура бд. Для модификации нужно будет поморочаться.

p/s/ http://learn.jquery.com/using-jquery-core/document-ready/

То, что вы написали это готовность документа в стиле jquery. Вам скорее нужно jquery UI и метод .dialog(), это модальное окно создаст.

Вам нужно начать с изучения всех моментов по выводу контента в joomla. Хотя на самом деле, я думаю, что не правильно задан вопрос. Если вы о верстке, то это одно, если о еще чем-то, то другое. А то, что в ссылках приведено - я там ничего нового не увидел и так и не понял Вашего "блочного" примера.

DarkHorse, вы шутите? Я же вам дал решение.

Вот ИМЕННО ВАШ пример переделал http://jsfiddle.net/dkdSu/4/

Делаете модуль меню категорий. Потом получаете список категорий, по-моему $cat_info, если я не ошибаюсь. После этого рекурсивным способом формируете новый массив с деревом категорий и раскидываете в нужной html-разметке.

так подправьте show.full или show.short на выводе текста, регуляркой поменяйте >= 2 пробелов на 1.

http://jsfiddle.net/KnsYY/1/

http://jsfiddle.net/dkdSu/

как спрашивать у гугла

Два варианта + какой запрос нужно гуглу написать.