О вёрстке - Joomla 3.x: Общие вопросы

Слева картинка1, справа текст (текст не занимает всю высоту картинки).
Ниже
Слева картинка2, справа текст.

Результат - Картинка2 встаёт справа от картинки1 и под её текстом.

Запарился ставить <p> и считать их необходимое число. Чтоб картинки по левой стороне стояли независимо от количества текста. И пусть белые поля остаются .рен с ними.

Более рациональный подход (кроме таблиц) есть? Подскажите "профессионалу"  

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

Так, я понимаю?

<div>
   <figure class="figl500"><img src="images/stories/LensWork/chrabbprizm.gif" alt="" width="492" height="168" />
      <figcaption></figcaption>
   </figure>
   <p>Явление, при котором дисперсией.</p>
</div>

типа так

Действительно правильно оборачивать. Тут несколько причин. Так же когда юзаете флоат, не забывайте о разделителях. К примеру у родителя(блок в котором находится картинка и текст) может бы стиль clear:both; Либо под картинка + текст может быть div с таким стилем. Либо можно картинке можно назначит clear: left (вроде лево, я вечно путаю) - тогда картинка не будет "облипаться" слева.
Ну и вообще у любого фрейма или же даже у своей таблицы стиля стоит держать класс .clr или .clearfix это очень частно нужно.

типа так

Ну так это оборачивание, и в <р> Тоже, никакого эффекта не даёт. Три блока (картинка-текст) таким образом сделал -эффект - "лесенка" выстраивается. Каждая следующая картинка встаёт справа от предыдущей, под её текстом и т.д.
Может у кого есть "непрофессиональные" советы? Вопрос вроде простой, ну не может он быть нерешаемым...   

Ну так это оборачивание, и в <р> Тоже, никакого эффекта не даёт. Три блока (картинка-текст) таким образом сделал -эффект - "лесенка" выстраивается. Каждая следующая картинка встаёт справа от предыдущей, под её текстом и т.д.
Может у кого есть "непрофессиональные" советы? Вопрос вроде простой, ну не может он быть нерешаемым...   

СМ пост выше.
По старинте это так
Блок катинка + текст
Разделитель clear: both;
Блок катинка + текст
Разделитель clear: both;
Блок катинка + текст
Разделитель clear: both;

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

Ну так это оборачивание, и в <р> Тоже, никакого эффекта не даёт. Три блока (картинка-текст) таким образом сделал -эффект - "лесенка" выстраивается. Каждая следующая картинка встаёт справа от предыдущей, под её текстом и т.д.
Может у кого есть "непрофессиональные" советы? Вопрос вроде простой, ну не может он быть нерешаемым...   

для блочного элемента стили прописывать надо, тут ни чего сверх естественного нету, вам надо просто стили прописать блоку в которых указать позицию картинке и её окружить текстом с нужными отступами, почитайте [ur=http://htmlbook.ru/content/blochnye-elementyl]тут[/url] и тут

Действительно правильно оборачивать. Тут несколько причин. Так же когда юзаете флоат, не забывайте о разделителях. К примеру у родителя(блок в котором находится картинка и текст) может бы стиль clear:both; Либо под картинка + текст может быть div с таким стилем. Либо можно картинке можно назначит clear: left (вроде лево, я вечно путаю) - тогда картинка не будет "облипаться" слева.
Ну и вообще у любого фрейма или же даже у своей таблицы стиля стоит держать класс .clr или .clearfix это очень частно нужно.

Спасибо тебе, добрый человек. Совет дельный, всё заработало.