Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 29.11.2018, 15:57   #1
Anna1991
Новичок
 
Регистрация: 29.11.2018
Сообщений: 1
Репутация: 10
По умолчанию Оптимизация кнопок в мобильной версии

Добрый вечер! Создала кнопку в мобильной версии:
Код:

<a href="#" class="button7">
Связаться с УКАВТом <style>
a.button7 {
  font-weight: 1000;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 15px;
  background: rgb(59,89,152);
  box-shadow: 0 -3px rgb(166,189,215) inset;
  transition: 0.2s;
margin: 0px 5px 0px 500px  
} 
a.button7:hover { background: rgb(166,189,215); }
a.button7:active {
  background: rgb(197, 208, 230);
  box-shadow: 0 3px rgb(197, 208, 230) inset;
}

На компьютере встала в центр нормально, на мобильной версии через "@media screen and (max-width: 600px) {
}
пыталась сделать через все коды, не как не встает в центр. Как быть?
Anna1991 вне форума   Ответить с цитированием
Старый 03.12.2018, 18:55   #2
lastDaos
Новичок
Джуниор
 
Регистрация: 02.12.2018
Сообщений: 27
Репутация: -3
По умолчанию

Код:

width: /* обязательно указать */
display:block;
margin: 0 auto;

lastDaos вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с навигацией в мобильной версии schibeki WordPress и другие CMS 1 27.03.2018 18:29
Не работает механизм в мобильной версии IvanAkimov WordPress и другие CMS 0 18.09.2017 18:27
Проблема с анимацией в мобильной версии Budun HTML и CSS 2 18.08.2017 17:24
Шапка для мобильной версии сайта CherryPashka WordPress и другие CMS 8 28.05.2017 16:45
На мобильной версии ссылки не кликабельны Bender1000 JavaScript, Ajax 1 06.10.2015 18:46


22:14.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru