Как выравнить текст вокруг картинки

Gonzik

Новичок
Как выравнить текст вокруг картинки

Есть код:
PHP:
$html.= '<td align="center" width="'. $cellwidth .'%" ><br/>
            <a title="'. $db->f("category_name").'" href="'. $sess->url(URL."index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=".$db->f("category_id")) .'">'; 

				if ( $db->f("category_thumb_image") ) {
					$html.= $ps_product->image_tag( $db->f("category_thumb_image"), "alt=\"".$db->f("category_name")."\"", 0, "category");
					$html.= "<br /><br/>";
				}
				$html.= $db->f("category_name");
				$html.= ps_product_category::products_in_category( $db->f("category_id") );

				$html.= "</a><br/>\n";
				$html .= "</td>\n";
При выволнении получается вывод картинки и названия категории в виде (где Х-ы -это картинка):

ХХХ
ХХХ
ХХХ
"название категории"

Т.е. название категории под самой картинкой.

Как сделать, чтоб вывод картинки и названия категории были вида:

ХХХ "Название категории"
ХХХ
ХХХ

Т.е., чтоб название категории выравнивалось по правому ВЕРХНЕМУ краю изображения.
Я закоментрировал строку $html.= "<br /><br/>";
В этом случае, название категории выравнивается по правому нижнему краю, а если название длинное, то часть этого названия находится под картинкой.
Возможно нужно использовать тег span, но как и где его поставить и какой стиль задать?
Или есть другие решения?
 

uliss

Новичок
1. К PHP это не имеет ни какого отношения :)
2. Посмотри CSS свойство float
 

Gonzik

Новичок
Автор оригинала: uliss
1. К PHP это не имеет ни какого отношения :)
2. Посмотри CSS свойство float
Я понимаю что к PHP моя проблема отношение не имеет, файл на PHP :)
CSS отдельного нет, все делается здесь. Профи, дайте рецепт!
 

Denix

Новичок
Автор оригинала: Gonzik
Я понимаю что к PHP моя проблема отношение не имеет, файл на PHP :)
CSS отдельного нет, все делается здесь. Профи, дайте рецепт!
Какая разница есть отдельный или нет?
Если нет отдельного - прописывай стили прямо в тегах.

Тебе уже подсказали куда смотреть: float

Нечто вроде:

style="float: left;"
 

physh

поедатель запятых
>Нечто вроде:
>style="float: left;"

Еще и в js обрабатывать надо, т.к. этот флоат в каждом браузере по-разному плавает.
 

SelenIT

IT-лунатик :)
kruglov
Например, в IE плавающий элемент растягивает контейнер в высоту, а в стандартных браузерах - нет. А также злополучный 3-хпиксельный отступ в IE и удвоение margin-ов для крайних элементов в нем же. Так что, имхо, почва под заявлением physh есть.

Вот только JS в качестве лекарства здесь, действительно, вряд ли уместен... :)
 

Gonzik

Новичок
Строку
PHP:
$html.= "<br /><br/>";
я закоментировал
после нее вставляю
PHP:
$html.=<td align="left">
Вроде получилось, но только название категории слишком далеко ушло вправо от картинки этой категории?
 

Denix

Новичок
Автор оригинала: Gonzik
Строку
PHP:
$html.= "<br /><br/>";
я закоментировал
после нее вставляю
PHP:
$html.=<td align="left">
Вроде получилось, но только название категории слишком далеко ушло вправо от картинки этой категории?
align="left" - это не тоже самое что style="float: left".

Слушай, ну посмотри по манам css, немного хоть. Все равно нужно когда-то начинать.
 

SID

ReadOnlyТеаm
<img src="пикча">
<p align="justify">текст</p>
так должно сработать.
 

Фанат

oncle terrible
Команда форума
я считаю, что такие темы надо закрывать
мало того, что автор сам не видит - КАКОЙ ИМЕННО html код он правит - так ещё и отвечающие не видят.
а он ещё и упирается
 
Сверху