Как разместить в ряд несколько картинок. Это легко сделать, смотрите сами.

ВАЖНО! Картинки должны быть одного размера, для этого я пользуюсь программой FsCapture её линейкой. Иначе картинки встанут неровно. Все равно в первый раз придется потренироваться, выравнивать.

Когда то мне нужно было быстро вставить картинки горизонтально. И я не умела, теперь могу несколькими способами, но выбрала самый легкий. Кто то назвал меня пещерным мамонтом из за желания упрощать то, что упрощать не нужно. Но это мелочи. Мне нравится так, и так легче показать, смотрите, нужно просто воспользоваться кодом.

И ваши картинки станут в ряд, вот так:

Мурьянкот1 Шмыгакот2 С нами 13 леткот3 С нами 2 годакот4

Для этого нам понадобится этот код:

<table>
<tbody>
<tr>
<td>фото 1</td>
<td>фото 2</td>
<td>фото 3</td>
</tr>
</tbody>
</table>

 

Теги; <tr></tr> - обозначают начало и окончание строки, а теги <td></td> - начало и конец фото.

Код нужно поместить в раздел текст, смотрите картинку ниже.

тест

Затем перейдете в раздел визуально, смотрим картинку выше

Здесь появились такие разделы:

график

Рядом с каждой записью загрузите фото. а вместо записи вставьте свое описание предмета.

Мне захотелось показать здесь двух животных, которые с удовольствием проживают с нами.

Поэтому мышек у нас нет, и чужой не пройдет не замеченным. Что нам и нужно.

А вы научились быстро вставлять в запись картинки, по нескольку штук в ряд. Как нибудь я покажу Вам другой способ. А пока комментарии к Вашим услугам. Буду рада комментариям, и делитесь ссылками. Не столько ради рекламы, сколько ради того, что методов вставки фото много, так давайте делиться



Если хотите знать больше подпишитесь на бесплатную рассылку

Ваше имя: *
Ваш e-mail: *

Добавить комментарий

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

clear formSubmit