• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.
    Помогите модератору этого раздела killoff лично.

Помощь [help] как выровнить текст напротив картинки...

Статус
В этой теме нельзя размещать новые ответы.

index111

Гуру форума
Регистрация
21 Окт 2007
Сообщения
536
Реакции
78
Как сделать что бы текст был рядом с картинкой....
типа:
к | А тут
а | Текст
р | Текст
и | Текст
н | Текст
к | Текст
а | Текст

:bc:
 
Сделай через CSS (float: left; ) или HTML (<img...align="left"></img>).
 
Ставиш выравнивание картинки слево и на ту область что справо от картинки нажимаеш вставить текст который у тебя в буфере обмена. Я так делал.
 
Если делаю новость так

[__left][thumb]http://site/uploads/posts/2008-07/1215793.jpg[/thumb]
текст тектс текст тектс текст тектс текст тектс текст тектс .[/left__]
то в итоге такое получается...

к |
а |
р |
и |
н |
к |
а | текст тектстекст тектс текст тектс текст тектс
текст тектс текст тектс

==
limpopo спосибо помог
 
Все это можно сделать через стили прописав всего один клас для короткой новости.

Допустим ты делаешь короткую новость на таблице.

HTML:
В CSS прописываешь клас:

.a img {
       float: left;
}

.a p {
  	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

А это текст шаблона короткой новости: 

<table>
<tr>
<td class="a">{short-story}
</td>
</tr>
</table>

То что написано в классе про тег <p> можно опустить это так небольшое упрощение, но вобщим у такого метода много плюсов: захотел поменять на всем сайте выравнивание картинки - пожалуйста, захотел задать отступы - тоже не вопрос и с текстом тоже самое, все делается за пару сек.
 
Если делаю новость так



к |
а |
р |
и |
н |
к |
а | текст тектстекст тектс текст тектс текст тектс
текст тектс текст тектс

==
limpopo спосибо помог

Я еще забыл написать что вставлять текст надо нажимать на самом вверху право и это у меня получается только в Internet Explorer
 
ой пипец...

Код:
[thumb=left]http://site/uploads/posts/2008-07/1215793.jpg[/thumb]текст тектс текст тектс текст тектс текст тектс текст тектс.
 
o_O
пример дай
 
Еще вариант. В визуальном редакторе создаете табличку в две колоночки. Влевую вставляем картинку, а вправую текст. Далее редактируете ячейки по своему вкусу(отступы и выравнивание). Оч удобно и быстро.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху