Заплачу 100р за помощь, не могу разместить изображения на сайте - HTML и CSS

ymis · 05.06.2017, 21:58

Не могу разместить изображения на сайте внизу фона, хочу сделать закрепленный сайт с отсутствием адаптивности и исключительно из изображений и ссылки на вход и регистрацию только.
Закрепил фон и не знаю как разместить изображения внизу с центрированием как-то так http://prntscr.com/fg71xm
Прошу разъяснить понятнее для новичка, как видите я не гуру кода))))

Код:

<!DOCTYPE html>
<html lang="ru">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<title>BestPassive</title>

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

   <!-- Bootstrap core CSS -->
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

  <style>

   body {
    background: url(Landing/background.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }

  </style>

  <p><a href="https://vk.com/"><img src="Landing/регистрация.png" </a></p>
  <p><a href="https://vk.com/"><img src="Landing/вход.png" </a></p>

 </body>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
    <script src="../../assets/js/docs.min.js"></script>

</html>

Naive · 05.06.2017, 23:54

у тебя тег <img> в обоих случаях не закрыт

ymis · 06.06.2017, 05:19

Цитата:

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

у тебя тег <img> в обоих случаях не закрыт

Закрыл вот так

<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" </img></a>
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/вход.png" </img></a>

И вот так пробовал > />
Тоже самое, ничего не изменилось

Barrister · 06.06.2017, 16:21

<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png"></img></a>

А так пробовали?

ymis · 06.06.2017, 22:03

Цитата:

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

<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png"></img></a>

А так пробовали?

Да! Тут вообще программисты есть? Не могут банальную проблему решить.

Barrister · 07.06.2017, 00:14

А так:
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" border="0" style="position: absolute; right: 600px; bottom: 80px;" </img></a>
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/вход.png" border="0" style="position: absolute; right: 600px; bottom: 50px;"</img></a>

Alar · 07.06.2017, 02:03

<img src="http://пака где лежит картинка/картинка.jpg">

закрывающий тег не нужен

также сначала по ссылке проверьте есть ли картинка на сервере или вы адрес не правильный указываете.

ymis · 07.06.2017, 21:25

Цитата:

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

<img src="http://пака где лежит картинка/картинка.jpg">

закрывающий тег не нужен

также сначала по ссылке проверьте есть ли картинка на сервере или вы адрес не правильный указываете.

Да вы что? Как закрывающий тэг вообще влияет на положение кнопки? Вы серьезно?

ymis · 07.06.2017, 21:25

Цитата:

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

А так:
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" border="0" style="position: absolute; right: 600px; bottom: 80px;" </img></a>
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/вход.png" border="0" style="position: absolute; right: 600px; bottom: 50px;"</img></a>

Огромное спасибо! Наконец получилось всё.

ymis · 07.06.2017, 21:47

Отображается в нужном месте, только почему-то в мобильной версии нет, как исправить это в бутстрапе?

Цитата:

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

А так:
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" border="0" style="position: absolute; right: 600px; bottom: 80px;" </img></a>
<a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/вход.png" border="0" style="position: absolute; right: 600px; bottom: 50px;"</img></a>

05.06.2017, 23:54	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	у тебя тег <img> в обоих случаях не закрыт Alar, верни репу!

06.06.2017, 16:21	#4
Barrister Новичок Джуниор Регистрация: 06.06.2017 Сообщений: 2	<p><a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png"></img></a></p> А так пробовали? Последний раз редактировалось Barrister; 06.06.2017 в 17:40.

07.06.2017, 00:14	#6
Barrister Новичок Джуниор Регистрация: 06.06.2017 Сообщений: 2	А так: <p><a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" border="0" style="position: absolute; right: 600px; bottom: 80px;" </img></a></p> <p><a href="https://c0301.paas1.tx.modxcloud.com/"><img src="Landing/вход.png" border="0" style="position: absolute; right: 600px; bottom: 50px;"</img></a></p> Последний раз редактировалось Barrister; 07.06.2017 в 00:22.

07.06.2017, 02:03	#7
Alar Александр Администратор Регистрация: 28.10.2006 Сообщений: 17,501	<img src="http://пака где лежит картинка/картинка.jpg"> закрывающий тег не нужен также сначала по ссылке проверьте есть ли картинка на сервере или вы адрес не правильный указываете. Купить рекламу на форуме за 42 тыс руб за месяц размещения

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Не могу разместить инпуты посередине шапки	Mik09	HTML и CSS	2	02.05.2016 19:08
Требуется разместить БД на WEB сайте	СерегаЯ	Фриланс	1	29.02.2012 15:46
Как разместить счетчик на сайте	Андрей1988	Помощь студентам	2	21.04.2011 18:13
Как разместить свою программу на сайте?	Loka	Помощь студентам	0	17.04.2011 20:07
Как правильно разместить текст на сайте...	XYLIGANXYL	HTML и CSS	5	30.01.2011 04:20