За последние 24 часа нас посетил 21781 программист и 1014 роботов. Сейчас ищут 653 программиста ...

смещение кнопки

Тема в разделе "HTML и CSS", создана пользователем deaderror, 20 июн 2021.

  1. deaderror

    deaderror Новичок

    С нами с:
    20 июн 2021
    Сообщения:
    16
    Симпатии:
    1
    Доброго времени суток, подскажите пожалуйста в чем моя проблема состоит.
    При смене css флута кнопки не меняют положение, а растягиваются
    Хочу сделать их по центру и что бы их на форме авторизации
    При нажатии переходит на другую страницу и кнопки смещаются помогите сделать по центру
    Код (Text):
    1.  
    2. .clear{
    3.     clear: both;
    4. }
    5.  
    6. .mesage_error{
    7.     color: #cc0000;
    8. }
    9.  
    10. .success_message{
    11.     color: green;
    12. }
    13.  
    14. .block_for_messages{
    15.     text-align: center;
    16. }
    17. /* подвал  */
    18. #header, #footer{
    19.     border: 0px solid #000;
    20. }
    21. /*  */
    22. #header{
    23.     padding-left: 10px;
    24. }
    25. /* подвал */
    26. #footer{
    27.     position: absolute;
    28.     bottom: 0;
    29.     right: 0;
    30.     width: 100%;
    31. }
    32. /* шапка */
    33. #header h2, #footer h2{
    34.     text-align: center;
    35.     margin: 0;
    36. }
    37.  
    38. #auth_block{
    39.     width: 300px;
    40.     float: right 100;
    41.     text-align: center;
    42. }
    43. /* block аунтф */
    44. #auth_block a{
    45.     display: block;
    46.     padding: 10px;
    47.     border-radius: 10px;
    48.     color: #fff;
    49.     width: 130px;
    50.     height: 35px;
    51.     text-decoration: none;
    52. }
    53.  
    54. #auth_block a:hover{
    55.     text-decoration: underline;
    56. }
    57.  
    58. #link_register{
    59.     float: left;
    60. }
    61.  
    62. #link_auth, #link_logout{
    63.     float: right;
    64. }
    65.  
    66. #link_register a{
    67.     background: #54d854;
    68. }
    69.  
    70. #link_auth a, #link_logout a{
    71.     background: #4e4eec;
    72.     text-align: center;
    73. }
    74.  
    75. /* Блок с формой регистрации */
    76. #form_register, #form_auth{
    77.     width: 300px;
    78.     margin: 0 auto;
    79. }
    80.  
    81.  
    82. #authorized h2{
    83.     text-align: center;
    84. }
    85. /* кнопка reg */
    86. body {
    87.   background: #A4DADA;
    88. }
    89. .glow-button {
    90.   text-decoration: none;
    91.   display: inline-block;
    92.   padding: 15px 30px;
    93.   margin: 10px 20px;
    94.   border-radius: 10px;
    95.   box-shadow: 0 0 40px 40px #F137A6 inset, 0 0 0 0 #F137A6;
    96.   font-family: 'Montserrat', sans-serif;
    97.   font-weight: bold;
    98.   letter-spacing: 2px;
    99.   color: white;
    100.   transition: .15s ease-in-out;
    101. }
    102. .glow-button:hover {
    103.   box-shadow: 0 0 10px 0 #F137A6 inset, 0 0 10px 4px #F137A6;
    104.   color: #F137A6;
    105. }
    106. /* кнопка auth  */
    107. body {
    108.   /*background: url(https://html5book.ru/wp-content/uploads/2015/07/background39.png);*/
    109. }
    110. .floating-button {
    111.   text-decoration: none;
    112.   display: inline-block;
    113.   width: 140px;
    114.   height: 45px;
    115.   line-height: 45px;
    116.   border-radius: 45px;
    117.   margin: 10px 20px;
    118.   font-family: 'Montserrat', sans-serif;
    119.   font-size: 11px;
    120.   text-transform: uppercase;
    121.   text-align: center;
    122.   letter-spacing: 3px;
    123.   font-weight: 600;
    124.   color: #524f4e;
    125.   background: white;
    126.   box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    127.   transition: .3s;
    128. }
    129. .floating-button:hover {
    130.   background: #2EE59D;
    131.   box-shadow: 0 15px 20px rgba(46, 229, 157, .4);
    132.   color: white;
    133.   transform: translateY(-7px);
    134. }
    135. /* кнопка авторизации */



    upload_2021-6-20_20-31-18.png upload_2021-6-20_20-31-38.png
     
  2. deaderror

    deaderror Новичок

    С нами с:
    20 июн 2021
    Сообщения:
    16
    Симпатии:
    1
    актуально
     
  3. roboformation

    roboformation Активный пользователь

    С нами с:
    30 авг 2020
    Сообщения:
    162
    Симпатии:
    40
    Что 'актуально'? Проблема?