Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Текст сбоку от картинки
 
 автор: Гость   (29.10.2007 в 08:15)   письмо автору
 
 

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

   
 
 автор: sim5   (29.10.2007 в 08:20)   письмо автору
 
   для: Гость   (29.10.2007 в 08:15)
 


<img src="" align="left">
<p>Text</p>

В этом случае текст будет обтекать картинку слева и снизу. Параграфы стоящие перед IMG будут находится сверху картинки соотвественно. Это вам надо?

   
 
 автор: Гость   (29.10.2007 в 09:26)   письмо автору
 
   для: sim5   (29.10.2007 в 08:20)
 

Да спасибо.

Еще дурацкий вопрос на эту же тему.
Если картинка через чур большая, а текста мало, а мне надо что бы часть текста была хотя бы на уровне конца картинки, возможно это сделать без таблиц? думается что нет, но попытка не пытка :)

   
 
 автор: AlexSol   (29.10.2007 в 09:51)   письмо автору
 
   для: Гость   (29.10.2007 в 09:26)
 

<div style="width:200px">
<img src="" align="left" width="180">
<p>Text em;vkmek vmeklvm kvmc evmelrv elrv merklv m eklvmelkr vmekv</p>
</div>

   
 
 автор: sim5   (29.10.2007 в 09:54)   письмо автору
 
   для: Гость   (29.10.2007 в 09:26)
 

Вы можете добавить изображению еще атрибуты: hspace - определит отступ текста от изображения по горизонтали, vspace - тоже, но вертикали соответственно. Можно что-то ими, но hspace/vspace задают отступ одновременно по обеим сторонам, а значит...
Я так понимаю, если ваша картинка по высоте 300 рх, например, а текста хватает на 150 рх, и вы хотите "растянуть" этот текст до 300 рх ?

   
 
 автор: Гость   (29.10.2007 в 10:18)   письмо автору
 
   для: sim5   (29.10.2007 в 09:54)
 

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

   
 
 автор: AlexSol   (29.10.2007 в 10:38)   письмо автору
 
   для: Гость   (29.10.2007 в 10:18)
 

не правильный у вас подход. ваша "ссылка на коментировать вообщем-то" будет у каждой картинки на разной высоте. ставьте ссылку под катринкой.

   
 
 автор: Гость   (29.10.2007 в 10:46)   письмо автору
 
   для: AlexSol   (29.10.2007 в 10:38)
 

Я это и имел в виду, еще раз спасибо)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования