Выравнивание по горизонтали Joomla, K2, mod_k2content

[seraph22]

seraph22, пример кода внимательно изучили?

Ок, вот для списков, если не хотите таблицу:
html

<div>
    <ul>
        <div id="block1">
            <li><div class="text"><a>Lorem Ipsum is simply dummy text of the printing</a></div></li>
            <li><div class="image"><a><img src="http://www.nulled.cc/data/avatars/l/277/277613.jpg?1332449465" width="96" height="96" alt="аватар" id="avatar"></a></div></li>
        </div>
        <div id="block2">
            <li><div class="text"><a>Lorem Ipsum</a></div></li>
            <li><div class="image"><a><img src="http://www.nulled.cc/data/avatars/l/277/277613.jpg?1332449465" width="96" height="96" alt="аватар" id="avatar"></a></div></li>
        </div>
        <div id="block3">
            <li><div class="text"><a>Lorem Ipsum is simply dummy</a></div></li>
            <li><div class="image"><a><img src="http://www.nulled.cc/data/avatars/l/277/277613.jpg?1332449465" width="96" height="96" alt="аватар" id="avatar"></a></div></li> 
        </div>
        <div id="block4">
            <li><div class="text"><a>Lorem Ipsum is simply dummy text of the printing</a></div></li>
            <li><div class="image"><a><img src="http://www.nulled.cc/data/avatars/l/277/277613.jpg?1332449465" width="96" height="96" alt="аватар" id="avatar"></a></div></li> 
        </div>
</ul>
</div>

css

#block1, #block2, #block3, #block4 {
list-style-type:none;
height:200px;
width:96px;
float:left;
padding:0 10px 0 10px;
}
.text {
clear:both;
list-style-type:none;
width:96px;
height:100px;
}

Размеры для .text регулируйте так, чтобы блок был больше занимаемого текста, тогда картинки станут горизонтально. Для следующей группы блоков используйте свойство clear:both; чтобы убрать float.

 

[one]

one, Для просмотра ссылки Войди или Зарегистрируйся можете пример свой выложить?

Выложил... Хотя могу дать доступ на хост, там было бы нагляднее.

Попробуйте в CSS ul {width:X;}, где X - ширина внешнего блока

Пробовал, думал с начало может где то пересекается класс, но ничего не нашол...

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

Добавлено puagardian: Редактируйте сообщение, а не подряд пишите

 

[mdss]

Пару способов (теоретических, на практике не проверял
1) с помощью jquery. См пример Для просмотра ссылки Войди или Зарегистрируйся
Цифру 5 надо заменить на свою
2) с помощью css. Для просмотра ссылки Войди или Зарегистрируйся
Но в боевых условиях этот вариант не проверялся.

 

[Trusteg]

Выложил... Хотя могу дать доступ на хост, там было бы нагляднее.

1) Для просмотра ссылки Войди или Зарегистрируйся когда все поля заполните надо нажать на Save и скопировать ссылку в браузере.
2) если у вас уже все на хостинге выложено, может тогда скинете ссылку на сайт?

 

[one]

Пару способов (теоретических, на практике не проверял
1) с помощью jquery. См пример Для просмотра ссылки Войди или Зарегистрируйся
Цифру 5 надо заменить на свою
2) с помощью css. Для просмотра ссылки Войди или Зарегистрируйся
Но в боевых условиях этот вариант не проверялся.

Спасибо! Очень понравился вариант с jquery, но не сработал как то... Js подключил файлом.

 

[mdss]

Спасибо! Очень понравился вариант с jquery, но не сработал как то... Js подключил файлом.

конечно не сработает. В жс надо обрамить код

jQuery(document).ready(function($){
...
})

 

[one]

конечно не сработает. В жс надо обрамить код

jQuery(document).ready(function($){
...
})

Про HTML код речь? Ну в смысле весь див завернуть?

 

[mdss]

Про HTML код речь? Ну в смысле весь див завернуть?

про js речь, который ты вынес в отдельный файл

 

[one]

Хммм... Выровнялся первый ряд.

Прошу прощения, не правильно понял фразу:

Цифру 5 надо заменить на свою

указал общее кол-во.... ))) Все в порядке, спасибо! Надо взять на заметку данное решение.

Добавлено puagardian: Редактируйте сообщение, а не подряд пишите

 

[Ky6]

либо через jquery как выше написали, либо вставлять '<div style="clear:both"></div>' после нужного кол-ва div