Текст обтекает картинку. КАК?

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем xoma, 10.09.2007.

  1. Offline

    xoma Недавно здесь

    Регистрация:
    10.09.2007
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени суток всем!
    подскажите, как сделать так чтобы текст обтекал картинку, а не разбивался так как на моем вложении??? или хотя бы чтоб не обтекал, а был на одном вертикальном уровне с рисунком???

    спасибо заранее.
     

    Вложения:

    • trabla.gif
      trabla.gif
      Размер файла:
      14.8 КБ
      Просмотров:
      56
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    align="left"

    у картинки
     
  4. Offline

    xoma Недавно здесь

    Регистрация:
    10.09.2007
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    непомогло ... :(

    у меня получаеться когда содержимое добавляю, такой текст получаеться в редакторе

    "{mosimage} вводный текст ..."

    поставил ему в content.html.php

    Код (PHP):
    1. <p align="left">
    2. <?php
    3. // displays Table of Contents
    4. HTML_content::TOC( $row );
    5. // displays Item Text
    6. echo ampReplace( $row->text );
    7. ?>


    где что не так сделал? :[
    З.Ы. может по аське объясниш? а??? плиз ... 284-024-887
     
  5. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    Картинку вставляйте в начало описания содержимого раздела (категории или статьи) нажатием кнопки 'HTML' (Редактировать исходный код HTML) визуального редактора Joomla! CMS. Изображение и его расположение в параметрах раздела (категории или статьи), соответственно, потребуется отключить. Содержимое описания раздела (категории или статьи) будет выглядеть следующим образом:
    Код (CODE):
    1. <img style="margin: 0px 0px 0px 0px" src="http://www.site.ru/images/stories/image.jpg" alt="" align="left" /><p style="margin: 0; padding: 0">Вводный текст Вводный текст Вводный текст Вводный текст Вводный текст ... Вводный текст</p>

    Параметры атрибутов "margin" и "padding", которые предназначены для установки отступов от краев объекта сверху, справа, снизу и слева, соответственно, при необходимости настроить в свойствах картинки и абзаце текста, чтобы достичь неоходимого выравнивания друг относительно друга. Готово!
     
    stascooper нравится это.
  6. Offline

    xoma Недавно здесь

    Регистрация:
    10.09.2007
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    спасибо. помогло.

    а с MOSIMAGE такого не добиться никак???

    спасибо.
     
  7. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    Т.к. привык в основном все делать своими руками, с mosImage никогда не работал - сказать ничего не могу. :hz:
     
  8. Offline

    ThePers Недавно здесь

    Регистрация:
    12.09.2007
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Мужской
    Ответ: Текст обтекает картинку. КАК?

    в MOSIMAGE тоже есть такая возможность..
    при создании содержимого, в правой колонке со вкладками публикация, изображения и др. Идем на вкладку изображения ->выбираем в "изображения содержимого" нужное изображение ->чуть ниже видим "изменение выбранного изображения" -> "выравнивание" ->ставим нужное выравнивание ->жмем "применить" :)
     
  9. Offline

    glazaangela Недавно здесь

    Регистрация:
    22.12.2009
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Женский
    А я делаю так - просто вставляю картинку в нужное место, выделяю ее и кликаю "выравнивание по правому/левому краю". И все. А отступы в таблице стилей добавляю где-нить в самом начале - p image {margin:10px;}. Вуаля!
     

Поделиться этой страницей

Загрузка...