Выравнивание текста относительно картинки

Тема в разделе "Верстка", создана пользователем illmano, 17 мар 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. illmano

    illmano

    Регистр.:
    20 июн 2012
    Сообщения:
    170
    Симпатии:
    14
    Всем привет.
    На этой странице http://detalm.ru/news/125-pemco-sootvetstvuet-standartu-voith.html текст относительно картинки находится внизу, хотя у картинки выбрано выравнивание слева и текст должен быть справа и начинаться от верхнего края картинки. Что в стилях подправить, что бы было все норм?
     
  2. Sunday

    Sunday

    Регистр.:
    13 дек 2009
    Сообщения:
    724
    Симпатии:
    314
    Например заменить у картинки float:left на vertical-align:top
     
  3. bat

    bat

    Регистр.:
    24 сен 2009
    Сообщения:
    974
    Симпатии:
    276
    Докатились... смотрим внимательно:
    Код:
    <div itemprop="articleBody">
    
      <p></p>
      <p>
      <a data-lightbox="on" target="_blank" href="/images/sertifikaty/images/page11418735323.jpg">
    
      <img width="314" height="444" alt="page11418735323" src="/images/sertifikaty/images/page11418735323.jpg" style="margin-right: 20px; float: left;"></img>
      </a>
    
      Pemco iMATIC 430 соответствует стандарту Voith 55.…
    
      </p>
    
    </div>
    • кто выдумал закрывающий тег </img>:facepalm:? в обработчике он вылазит... никогда такого не встречал.

      Screenshot_4.jpg
    • <p> и </p> тоже нафиг не сдались если есть <div>
     
    Последнее редактирование: 17 мар 2015
  4. vytyacom

    vytyacom Постоялец

    Регистр.:
    19 ноя 2014
    Сообщения:
    136
    Симпатии:
    54
    Убрать float: left ничего не даст.
    Тут надо текст в отдельный тег р (или любой другой) поместить. Дать тому тегу так же дисплей: инлайн-блок. И тогда вертикал-алайны будут действовать. Щас лишь 1ю строку текста выравнивает по верхнему краю картинки, перенос остается под картинкой.
     
  5. illmano

    illmano

    Регистр.:
    20 июн 2012
    Сообщения:
    170
    Симпатии:
    14
    Забавно. В редакторе страницы в админке закрывающего тега img нету. Как он потом в коде появляется - непонятно.
     
  6. igorenia

    igorenia Постоялец

    Регистр.:
    12 окт 2013
    Сообщения:
    86
    Симпатии:
    63
    Скорее всего визуальный редактор добавляет. Тег img - самозакрывающийся <img ... />, воможно Вы его слешем в конце не закрыли и редактор решил, что это парный тег и сам добавил закрывающийся.
     
  7. ultra

    ultra дизигнитор дизигнирующий дизигны

    Moderator
    Регистр.:
    15 ноя 2011
    Сообщения:
    195
    Симпатии:
    269
    ага, насоветуй xhtml юзать в html5 доктайпе
     
  8. WhisperingEchoes

    WhisperingEchoes Создатель

    Регистр.:
    9 апр 2008
    Сообщения:
    23
    Симпатии:
    6
    можно также поставить в стилях у картинки display:inline-block;
     
  9. time7keeper

    time7keeper Создатель

    Регистр.:
    25 окт 2014
    Сообщения:
    25
    Симпатии:
    12
Статус темы:
Закрыта.