Master-X
Форум | Новости | Статьи
Главная » Форум » Блоги и Социальные сети » 
Тема: Текст сбоку картинки в Вордпрессе
цитата
14/08/06 в 22:28
 Don Chupa
Подскажите есть ли плагин под вордпресс 2.0.4, чтоб задавать текст сбоку картинки а не только сверху и снизу, как в блогере, чтоб не править код постоянно вручную?
цитата
14/08/06 в 22:44
 andreich
Код:

<table width="100%" cellspacing="5" cellpadding="5" border="0" style="border-collapse: collapse">
   <tr>
      <td>&nbsp;</td>
      <td valign="top"></td>
   </tr>
</table>
цитата
15/08/06 в 00:20
 Don Chupa
согласен, можно таблицей, но всетакиже существует типа плагина чтоб каждый раз не подставлять теги
цитата
15/08/06 в 00:26
 leetd
бррр, непонял, но думаю вероятно всё можно почикать в цсс

.class img {dislay:inline; float: left}
цитата
15/08/06 в 00:41
 Don Chupa
пробовал через цсс, нижний пост налазит на верхний........ в блогере там просто тыцнул в кнопку "Текст по правой стороне картинки" и автоматом подставляет стиль, пробовал скопировать и вставить стиль с блогера, всеравно предыдущий пост налазит на верхний
цитата
15/08/06 в 13:06
 leetd
давай примеры вобщем, страница до вставления и после
цитата
15/08/06 в 18:08
 Don Chupa
Вобщем вот что происходит, до и после вставки img style="margin: 0pt 10px 10px 0pt; float: left;"


цитата
15/08/06 в 18:20
 leetd
попробуй так

img style="margin: 0pt 10px 10px 0pt; float: left; display: block"
цитата
15/08/06 в 18:39
 igorr
картинку располагай до(!) параграфа с текстом, для нее сделай приблизительно такое:

Код:
<img src="..." ... style="float: left;" />


а для <p class="info"> сделай следующее:

замени

Код:
.entry .info {
  ...
}


на

Код:
.entry .info {
  ...
  clear: both;
}
цитата
15/08/06 в 20:43
 Don Chupa
спасибо работает, сначала немного с кодом начудил
цитата
21/08/06 в 02:48
 Don Chupa
Вот так

leetdesign писал:
попробуй так
img style="margin: 0pt 10px 10px 0pt; float: left;"


igorr писал:
картинку располагай до(!) параграфа с текстом, для нее сделай приблизительно такое:
Код:
<img src="..." ... style="float: left;" />

а для <p class="info"> сделай следующее:
замени
Код:
.entry .info {
  ...
}

на
Код:
.entry .info {
  ...
  clear: both;
}


Эта страница в полной версии