понедельник, 6 февраля 2017 г.
Как вставить две картинки рядом по горизонтали html код
Сегодня столкнулся с проблемой размещения картинок.
Такая проблема надо разместить две картинки рядом по горизонтали.
способ первый самый легкий: Заключить эти картинки в таблицу.
<table>
<tr>
<td><a href="https://ваша_ссылка "_blank"><img title="Описание" src="ссылка картинки" alt=""width="150" height="100"/></a> </td>
<td><a href="https://ваша_ссылка "_blank"><img title="Описание" src="ссылка картинки" alt=""width="150" height="100"/></a></td>
</tr>
</table> |
Второй сложнее. С помощью <div> этот способ использую я
<div align="center"><div style="float:left">
<a href="https://ваша_ссылка "_blank"><img title="Описание" src="ссылка картинки" alt=""width="150" height="100"/></a>
</div>
<div style="float:right">
<a href="https://ваша_ссылка "_blank"><img title="Описание" src="ссылка картинки" alt=""width="150" height="100"/></a>
</div>
Третий способ с использование CSS стиля. (мне кажется лишнее если вы раз прописываете картинку писать для нее стиль)
Пояснения:
float:left - обтекание с левой стороныfloat:right - обтекание с правой стороны_blank - открывает страницу в новом окнеalt="" - описание картинки пустым оставлять не желательноwidth="150" height="100" ширина высота
0 коммент.:
Отправить комментарий