Как разместить две строки возле картинки?

Тема в разделе "Веб-дизайн", создана пользователем Matinier, 29 янв 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Matinier

    Matinier Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    65
    Симпатии:
    4
    Здравствуйте!
    У меня вопрос: как разместить возле картинки текст в две строки вот так:
    [​IMG]
    при этом не используя таблиц?
     
  2. got4a

    got4a Создатель

    Регистр.:
    8 сен 2007
    Сообщения:
    45
    Симпатии:
    2
    Можно так: пихнуть в таблицу и второму столбцу задать valign=middle.
    HTML:
    
    <table>
    <tr>
       <td><img src="img/rss.png"></td>
       <td valign="middle">Text<br/>Text</td>
    </tr>
    </table>
    
     
  3. marspth

    marspth Создатель

    Регистр.:
    24 янв 2008
    Сообщения:
    23
    Симпатии:
    3
    Можно вот так:
    <div><img style="float:left;" src="путь к картинка" /> <br /> Текст 1 <br /> Текст 2 <div>

    Или "постаринке":
    <div><img align="left" src="путь к картинке" /> <br /> Текст 1 <br /> Текст 2 <div>
    :)
     
    Matinier нравится это.
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    got4a, ТС же интересовался реализацией без таблиц
    самым валидным и совместимым с html5 будет разделение содержимого и оформления, примерно так:
    html
    HTML:
    <div class="myclass">
    <img src="путь к картинке" />
    <br /> Текст 1 
    <br /> Текст 2
    </div>
    css
    HTML:
    .myclass img{float:left;}
     
    Matinier нравится это.
  5. Matinier

    Matinier Постоялец

    Регистр.:
    5 окт 2009
    Сообщения:
    65
    Симпатии:
    4
    прикольная реализация без таблиц :smmne:
    Всем большое человеческое спасибо!
     
Статус темы:
Закрыта.