Картинки в ряд

@Kolapsis · Регистрация: 08.01.2016

Author24 — интернет-сервис помощи студентам

Как поставить картинки с ссылкой в один горизонтальный ряд ?

HTML5

1 2	<p><a href="text1.html"><img src="img/1.png" width="50" height="50" hspace="280"></p></a> <p><a href="text2.html"><img src="img/2.png" width="50" height="50" hspace="330"></p></a>

Нужно что б они шли друг за другом, 1-2-3 в ряд.

ПЫСЫ. Нашел много тем на форуме, ничего не помогло, ни таблица, ни див.

@Shakalaka · 29.02.2016, 19:30

Сообщение от Kolapsis

Как поставить картинки с ссылкой в один горизонтальный ряд ?

Для начала нормальную разметку сделать
<p><a href="text1.html"><img src="img/1.png" width="50" height="50" hspace="280"></p></a>

@Kolapsis · 29.02.2016, 20:06 **[ТС]**

Мелочи, переставлял, ничего не меняется...

@Fedor92 · 29.02.2016, 20:29

Сообщение от Kolapsis

Мелочи, переставлял, ничего не меняется...

Это не мелочи...

HTML5

1
2

<p style="display:inline-block; width:50px"><a href="text1.html"><img src="img/1.png" width="50" height="50" hspace="280" style="dispaly:block"></a></p>
<p style="display:inline-block; width:50px"><a href="text2.html"><img src="img/2.png" width="50" height="50" hspace="330" style="dispaly:block"></a></p>

@francz · 29.02.2016, 20:52

а такой вариант не подойдет? https://jsfiddle.net/francz/co5nyy7q/

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>test</title>
 
  <style>
  * {
    margin: 0;
    padding: 0;
  }
  body {
    font-family: sans-serif;
    font-size: 14px;
    min-width: 320px;
    max-width: 1170px;
    position: relative;
    overflow-x: hidden;
    line-height: 1.6;
    background-color: #fff;
    margin: 0 auto;
  }
  .wrap {
    width: 100%;
    min-height: 480px;
    background-color: #f2f2f2;
  }
  .wrap p {
    display: inline-block;
    float: left;
    width: 33.3%;
  }
  .wrap img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  </style>
</head>
<body>
 
<div class="wrap">
  <p><a href=""><img src="http://icons.iconarchive.com/icons/igh0zt/ios7-style-metro-ui/512/MetroUI-Apps-HTML-5-icon.png" alt=""></a></p>
  <p><a href=""><img src="http://icons.iconarchive.com/icons/igh0zt/ios7-style-metro-ui/512/MetroUI-Apps-HTML-5-icon.png" alt=""></a></p> 
  <p><a href=""><img src="http://icons.iconarchive.com/icons/igh0zt/ios7-style-metro-ui/512/MetroUI-Apps-HTML-5-icon.png" alt=""></a></p>  
</div>
 
</body>
</html>

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	29.02.2016, 19:30	2
	Сообщение от Kolapsis Как поставить картинки с ссылкой в один горизонтальный ряд ? Для начала нормальную разметку сделать <p><a href="text1.html"><img src="img/1.png" width="50" height="50" hspace="280"></p></a> 0

@Kolapsis 1 / 1 / 0 Регистрация: 08.01.2016 Сообщений: 78
	29.02.2016, 20:06 [ТС]	3
	Мелочи, переставлял, ничего не меняется... 0

	29.02.2016, 20:52

Опции темы

Картинки в ряд

Решение