Всплывающее окно с авторизацией

@Rva4 · Регистрация: 26.01.2016

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

Нужно сделать окно, которое бы появлялось при нажатии на кнопку

HTML5

1	<center><a href="ulogin_auth.php" target="_blank"><img class="img" src="go2.png" alt="123"/>

Окно должно иметь фон (белый) и кнопку по середине (кнопка есть).

Если я правильно думаю, окно должно быть блоком div

@mrtoxas · 25.06.2016, 11:35

Результат

CSS

.sh-windows {
  display: none;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 5px 5px 16px 0px rgba(50, 50, 50, 0.75);
}
.sh-windows:target {
  display: block;
}
.sh-windows .sh-windows-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.sh-windows .sh-windows-content a {
  display: block;
  position: absolute;
  width: 100px;
  height: 30px;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

HTML5

<a href="#openwindow">Открыть окно</a>
<div id="openwindow" class="sh-windows">
  <div class="sh-windows-content">
    <a href="#">Кнопка</a>
  </div>
</div>

Добавлено через 12 минут
+ Уберите и забудьте про тег <center>

	25.06.2016, 11:35

Опции темы