Невозможно расположить кнопку в правом верхнем углу над картой Google

-3

Я работаю над размещением кнопки в верхней части карты Google, но у меня возникают трудности с перемещением кнопки в верхнем правом углу (в настоящее время она находится в левом верхнем углу). Я перепробовал много вещей и не уверен в правильном решении.

Вот код

<style>
.myButton {
-moz-box-shadow: 0px 10px 14px -7px #4a398c;
-webkit-box-shadow: 0px 10px 14px -7px #4a398c;
box-shadow: 0px 10px 14px -7px #4a398c;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e45ea), color-stop(1, #8667f7));
background:-moz-linear-gradient(left, #5e45ea 5%, #8667f7 100%);
background:-webkit-linear-gradient(left, #5e45ea 5%, #8667f7 100%);
background:-o-linear-gradient(left, #5e45ea 5%, #8667f7 100%);
background:-ms-linear-gradient(left, #5e45ea 5%, #8667f7 100%);
background:linear-gradient(to left, #5e45ea 5%, #8667f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e45ea', endColorstr='#8667f7',GradientType=0);
background-color:#5e45ea;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:14px;
font-weight:bold;
padding:8px 7px;
text-decoration:none;
text-shadow:0px 1px 0px #8667f7;
}
.myButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8667f7), color-stop(1, #5e45ea));
background:-moz-linear-gradient(top, #8667f7 5%, #5e45ea 100%);
background:-webkit-linear-gradient(top, #8667f7 5%, #5e45ea 100%);
background:-o-linear-gradient(top, #8667f7 5%, #5e45ea 100%);
background:-ms-linear-gradient(top, #8667f7 5%, #5e45ea 100%);
background:linear-gradient(to bottom, #8667f7 5%, #5e45ea 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8667f7', endColorstr='#5e45ea',GradientType=0);
background-color:#8667f7;
}
.myButton:active {
position:relative;
top:1px;
}

#over_map { position: absolute; top: 10px; left: 10px; z-index: 99; }
</style>

<div id="over_map">
<a href="logout.php" class="myButton">Logout</a>
</div>

<div id="map"></div>

Как видите, кнопка вверху слева.

спросил(а) 2019-01-09T04:27:00+03:00 11 месяцев назад
1
1 ответ
-3

Вместо использования left: 10px; в вашем #over_map CSS, попробуйте использовать right: 10px; ,

ответил(а) 2019-01-09T05:31:00+03:00 11 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема