Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.06.2017, 19:13
Новичок на форуме
Отправить личное сообщение для OlegDDD Посмотреть профиль Найти все сообщения от OlegDDD
 
Регистрация: 05.06.2017
Сообщений: 1

Не могу разместить изображения на сайте
Не могу разместить изображения на сайте внизу фона, хочу сделать закрепленный с отсутствием адаптивности главную страницу исключительно из изображений и ссылки на вход и регистрацию только.
Закрепил фон и не знаю как разместить изображения внизу с центрированием как-то так 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://c0301.paas1.tx.modxcloud.com/"><img src="Landing/регистрация.png" </a></p>
  <p><a href="https://c0301.paas1.tx.modxcloud.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>

Последний раз редактировалось OlegDDD, 05.06.2017 в 19:20.
Ответить с цитированием
  #2 (permalink)  
Старый 17.06.2017, 19:53
Интересующийся
Отправить личное сообщение для Patron Посмотреть профиль Найти все сообщения от Patron
 
Регистрация: 06.06.2017
Сообщений: 17

Если ещё актуально - могу помочь.
Ответить с цитированием
  #3 (permalink)  
Старый 17.06.2017, 20:00
Интересующийся
Отправить личное сообщение для Patron Посмотреть профиль Найти все сообщения от Patron
 
Регистрация: 06.06.2017
Сообщений: 17

Есть дофига способов решения. Можно просто спозиционировать кнопки абсолютно или относительно. Можно воспользоваться плюшками из Bootstrap-a.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Интерактивное изменение цвета сегментов изображения dmitriy94 Общие вопросы Javascript 6 27.12.2014 19:14
Ввод текста и нажатие кнопки на другом сайте автоматически Trizael Общие вопросы Javascript 3 25.04.2013 15:59
Увеличение изображения при наведении Альви Элементы интерфейса 7 09.09.2011 21:10
Сервисы для реализации оплаты кредитками на сайте. nyols Серверные языки и технологии 1 29.05.2011 13:44
Проверка размера изображения Bizarre Общие вопросы Javascript 4 09.03.2011 18:02