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

Тема в разделе "DLE", создана пользователем index111, 11 июл 2008.

Информация :
Актуальная версия DataLife Engine 11.2
( Final Release v.11.2 | Скачать DataLife Engine | Скачать 11.2 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 11.1 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. index111

    index111

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

    :bc:
     
  2. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Сделай через CSS (float: left; ) или HTML (<img...align="left"></img>).
     
  3. limpopo

    limpopo

    Регистр.:
    31 окт 2007
    Сообщения:
    544
    Симпатии:
    83
    Ставиш выравнивание картинки слево и на ту область что справо от картинки нажимаеш вставить текст который у тебя в буфере обмена. Я так делал.
     
    index111 нравится это.
  4. index111

    index111

    Регистр.:
    21 окт 2007
    Сообщения:
    533
    Симпатии:
    77
    Если делаю новость так

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

    ==
    limpopo спосибо помог
     
  5. Trial

    Trial

    Регистр.:
    27 май 2008
    Сообщения:
    175
    Симпатии:
    8
    Все это можно сделать через стили прописав всего один клас для короткой новости.

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

    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> можно опустить это так небольшое упрощение, но вобщим у такого метода много плюсов: захотел поменять на всем сайте выравнивание картинки - пожалуйста, захотел задать отступы - тоже не вопрос и с текстом тоже самое, все делается за пару сек.
     
    trojan.exe и index111 нравится это.
  6. limpopo

    limpopo

    Регистр.:
    31 окт 2007
    Сообщения:
    544
    Симпатии:
    83
    Я еще забыл написать что вставлять текст надо нажимать на самом вверху право и это у меня получается только в Internet Explorer
     
  7. $aSH

    $aSH

    Регистр.:
    3 ноя 2006
    Сообщения:
    536
    Симпатии:
    233
    ой пипец...

    Код:
    [thumb=left]http://site/uploads/posts/2008-07/1215793.jpg[/thumb]текст тектс текст тектс текст тектс текст тектс текст тектс.
    
     
  8. index111

    index111

    Регистр.:
    21 окт 2007
    Сообщения:
    533
    Симпатии:
    77
    Твой пипец как раз и не подходит:)
     
  9. $aSH

    $aSH

    Регистр.:
    3 ноя 2006
    Сообщения:
    536
    Симпатии:
    233
    o_O
    пример дай
     
  10. farm

    farm

    Регистр.:
    8 июн 2006
    Сообщения:
    537
    Симпатии:
    106
    Еще вариант. В визуальном редакторе создаете табличку в две колоночки. Влевую вставляем картинку, а вправую текст. Далее редактируете ячейки по своему вкусу(отступы и выравнивание). Оч удобно и быстро.
     
Статус темы:
Закрыта.