Положение изображений с текстом  
Автор Сообщение

-1
Сообщение Положение изображений с текстом

Спрашивал давно в одной из тем как форматировать текст и изображения вместе, ибо иногда было не читабельно, так вот решил слить метод для тех кому это может пригодится. Естественно тема для тех кто не слышал про CSS and HTML.

 

Да и вообще Дух мог облегчить нам жизнь дав доступ к редактированию изображения в TinyMCE.

 

1. ...........................................................................................

2. ...........................................................................................

3. ...........................................................................................

4. ...........................................................................................

5. ...........................................................................................

6. ...........................................................................................

7. ...........................................................................................

8. ...........................................................................................

9. ...........................................................................................

0. ...........................................................................................

1. ...........................................................................................

2. ...........................................................................................

3. ...........................................................................................

4. ...........................................................................................

5. ...........................................................................................

6. ...........................................................................................

7. ...........................................................................................

8. ...........................................................................................

9. ...........................................................................................

0. ...........................................................................................

 

Код:

<p>Спрашивал давно в одной из тем как форматировать текст и изображения вместе, ибо иногда было не читабельно, так вот решил слить метод для тех кому это может пригодится</p>
<p>&nbsp;</p>
<p><img style="float: left; border-width: 5px; border-color: #000000; border-style: solid; margin: 5px;" src="styles/hestia/theme/images/logo.png?RoM" alt="" width="189" height="117" border="0" /></p>
<p>1.&nbsp;...........................................................................................</p>
<p>2.&nbsp;...........................................................................................</p>
<p>3.&nbsp;...........................................................................................</p>
<p>4.&nbsp;...........................................................................................</p>
<p>5.&nbsp;...........................................................................................</p>
<p>6.&nbsp;...........................................................................................</p>
<p>7.&nbsp;...........................................................................................</p>
<p>8.&nbsp;...........................................................................................</p>
<p>9.&nbsp;...........................................................................................</p>
<p>0. ...........................................................................................</p>
<p><img style="float: right; border-width: 5px; border-color: #000000; border-style: solid; margin: 5px;" src="styles/hestia/theme/images/logo.png?RoM" alt="" width="189" height="117" border="0" /></p>
<p>1.&nbsp;...........................................................................................</p>
<p>2.&nbsp;...........................................................................................</p>
<p>3.&nbsp;...........................................................................................</p>
<p>4.&nbsp;...........................................................................................</p>
<p>5.&nbsp;...........................................................................................</p>
<p>6.&nbsp;...........................................................................................</p>
<p>7.&nbsp;...........................................................................................</p>
<p>8.&nbsp;...........................................................................................</p>
<p>9.&nbsp;...........................................................................................</p>
<p>0.&nbsp;...........................................................................................</p>

 

left/right - положение изображения


border-width: 5px - отступ сверху

 

margin: 5px - жирность рамок изображения в пикселях

 

ну а остальное думаю и так понятно...



21 окт 2012, 21:21
Профиль

0
Сообщение Положение изображений с текстом

малаца биберок



21 окт 2012, 21:26
Профиль

1
Сообщение Положение изображений с текстом

автор колумб. красный ник ему!



21 окт 2012, 22:29
Профиль ICQ Skype
Начать новую тему Эта тема закрыта, вы не можете редактировать и оставлять сообщения в ней.


Перейти:  

На сайте использованы материалы, принадлежащие Blizzard Entertainment. Копирование материалов возможно только c разрешения портала. В противном случае это будет называться уже другим словом.
Рейтинг@Mail.ru