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

понедельник, 07 июля 2014

13:39

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

marishka_ya

Часто спрашивают, как добавить на страницу несколько изображений так, чтобы они располагались рядом друг с другом по горизонтали. Давайте попробуем сделать это вместе.
Используем url изображения несколько раз подряд, обозначив отступы от ширины (vspace) и высоты (hspace) изображения:
<img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0" hspace="8" vspace="5"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0" hspace="8" vspace="5"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0" hspace="8" vspace="5"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0" hspace="8" vspace="5"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0" hspace="8" vspace="5"> ;

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

Уберем отступы hspace="8" и vspace="5":

<img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0"><img src="http://static.diary.ru/userdir/3/2/5/6/3256501/81418388.jpg" width="100" height="75" border="0">

Этот способ хорош для того, чтобы замостить фон, в том числе и разными изображениями. На вкус и цвет... ;-)

@темы: картинки, тексты, html

URL

Поделиться

Посмотрела Блэйд 2. Этот фильм смотреть нужно не в киноте... Нет ничего лучше, чем утро субботы... Просыпаешься назл... когда училась в школе читала в "искусство кино"...

:wow: :wow: :wow: YESSSS!!! Они сделали!!! Ето надо ... Обещай только невозможное, и тебя не в чем будет упрекнут... Веселое бешенство... Пузырьки смеха, бегущие наперегонки ...

Комментарии

12.02.2024 в 15:20

Гость

Здравствуйте, приветствую всех участников форума!

Хотел бы поделиться с вами своим актуальным опытом поиска отличного автосервиса в Оренбурге. После длительного выбора, я наконец нашел то место, которым действительно остался доволен — AutoLife 56.

Что мне особенно понравилось в AutoLife56, так это индивидуальный подход каждого специалиста этого сервиса. Мастера не только с превосходным результатом решили проблему с моим автомобилем, но и предоставили полезные рекомендации по его дальнейшему обслуживанию.

Мне кажется важным поделиться этой информацией с вами, так как знаю, насколько сложно порой найти действительно надежный сервис. Если вы ищете проверенный автосервис в Оренбурге, рекомендую обратить внимание на AutoLife56, расположенный по адресу: г. Оренбург, ул. Берёзка, 20, корп. 2. Они работают без выходных, с 10 до 20 часов, и более подробную информацию вы можете найти на их сайте: https://autolife56.ru/.

Надеюсь, мой опыт окажется значимым для кого-то из вас. Буду рад знать вашу реакцию, если решите воспользоваться услугами AutoLife 56.

Защита автомобиля от угона в Оренбурге
Смежные ссылки
Выбор доступного автосервиса в Оренбурге завершился успехом: АвтоЛайф Не теряйте: АвтоЛайф — ваш надежный партнер в мире авторемонта в Оренбурге Узнайте больше о AutoLife56: почему мы в ремонте автомобилях в Оренбурге Не минуйте: AutoLife56 — ответ на ваши вопросы в мире авторемонта в Оренбурге Знакомство о сервисе AutoLife56: наши сильные стороны в ремонте автомобилях в Оренбурге 752b900

URL

19.02.2024 в 19:55

Гость