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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by xoma, Sep 10, 2007.

  1. Offline

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

    Joined:
    Sep 10, 2007
    Messages:
    6
    Likes Received:
    0
    Gender:
    Male
    Доброго времени суток всем!
    подскажите, как сделать так чтобы текст обтекал картинку, а не разбивался так как на моем вложении??? или хотя бы чтоб не обтекал, а был на одном вертикальном уровне с рисунком???

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

    Attached Files:

  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

    align="left"

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

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

    Joined:
    Sep 10, 2007
    Messages:
    6
    Likes Received:
    0
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

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

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

    "{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 Укротитель браузеров

    Joined:
    Jul 25, 2007
    Messages:
    629
    Likes Received:
    34
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

    Картинку вставляйте в начало описания содержимого раздела (категории или статьи) нажатием кнопки '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 likes this.
  6. Offline

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

    Joined:
    Sep 10, 2007
    Messages:
    6
    Likes Received:
    0
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

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

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

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

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

    Joined:
    Jul 25, 2007
    Messages:
    629
    Likes Received:
    34
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

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

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

    Joined:
    Sep 12, 2007
    Messages:
    10
    Likes Received:
    0
    Gender:
    Male
    Ответ: Текст обтекает картинку. КАК?

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

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

    Joined:
    Dec 22, 2009
    Messages:
    9
    Likes Received:
    0
    Gender:
    Female
    А я делаю так - просто вставляю картинку в нужное место, выделяю ее и кликаю "выравнивание по правому/левому краю". И все. А отступы в таблице стилей добавляю где-нить в самом начале - p image {margin:10px;}. Вуаля!
     

Share This Page

Loading...