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

[illmano]

Всем привет.
На этой странице Для просмотра ссылки Войди или Зарегистрируйся текст относительно картинки находится внизу, хотя у картинки выбрано выравнивание слева и текст должен быть справа и начинаться от верхнего края картинки. Что в стилях подправить, что бы было все норм?

 

[Sunday]

Например заменить у картинки float:left на vertical-align:top

 

[bat]

Всем привет.
На этой странице Для просмотра ссылки Войди или Зарегистрируйся текст относительно картинки находится внизу, хотя у картинки выбрано выравнивание слева и текст должен быть справа и начинаться от верхнего края картинки. Что в стилях подправить, что бы было все норм?

Докатились... смотрим внимательно:

<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>? в обработчике он вылазит... никогда такого не встречал.
  
  
• <p> и </p> тоже нафиг не сдались если есть <div>

 

[vytyacom]

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

 

[illmano]

Докатились... смотрим внимательно:

<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>? в обработчике он вылазит... никогда такого не встречал.
  
  Посмотреть вложение 61133
• <p> и </p> тоже нафиг не сдались если есть <div>

Забавно. В редакторе страницы в админке закрывающего тега img нету. Как он потом в коде появляется - непонятно.

 

[igorenia]

Забавно. В редакторе страницы в админке закрывающего тега img нету. Как он потом в коде появляется - непонятно.

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

 

[ultra]

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

ага, насоветуй xhtml юзать в html5 доктайпе

 

[WhisperingEchoes]

можно также поставить в стилях у картинки display:inline-block;

 

[time7keeper]

ох горе верстальщики
уберите вот эту чушь и будет нормально
Для просмотра ссылки Войди или Зарегистрируйся