1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Выделение ссылки

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем kvazar7, 16 июл 2018.

  1. kvazar7

    kvazar7

    Регистрация:
    16 июл 2018
    Сообщения:
    4
    Симпатии:
    0
    Уважаемые верстальщики. У меня к вам вопрос
    Как при таком коде шрифт телефона сделать пожирнее и поменять цвет. Сейчас он кликабельный для планшетов все перепробывал не получается

    </div>
    <div class="site-phone">
    <a style="color: #102952;"href="tel:+79324000881" class="ico-phone"><span itemprop="telephone">8(3462) 908-881</span></a>
    </div>
    </div>
     
  2. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    285
    Симпатии:
    53
  3. kvazar7

    kvazar7

    Регистрация:
    16 июл 2018
    Сообщения:
    4
    Симпатии:
    0
    А без css . Прописать эту строчку на HTML в одной строке изменить шрифт и цвет телефона?
    <a href="tel:+79324000881" class="ico-phone"><span itemprop="telephone">8(3462) 908-881</span></a>
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    А без CSS вы ничего не измените.

    Собственно, в чём ваш вопрос то? Вы не знаете какие CSS свойства отвечают за шрифт и цвет текста или не знаете, какой селектор использовать?
     
  5. kvazar7

    kvazar7

    Регистрация:
    16 июл 2018
    Сообщения:
    4
    Симпатии:
    0
    В том то и дело пытаюсь понять . Связку между свойствами и селектором поэтому и не получается.
    Я новичок если мне объяснили в чем связь . Дальше было бы проще изучать код.
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
  7. kvazar7

    kvazar7

    Регистрация:
    16 июл 2018
    Сообщения:
    4
    Симпатии:
    0
    Вот сделал кнопку с номером телефона и как исправить ошибку телефон опускается вниз кнопки по центру кнопки не встает http://sun700t4.bget.ru/
    <style>
    .site-phone {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    font-size rgba(255,255,255,.6);
    text-shadow: 1px 1px rgba(0,0,0,.3);
    text-decoration:none ;
    padding: 20px;
    border-radius: 15px;
    width: 18%;
    height: 1em;
    margin-top: 25px;
    padding-top: 1px;
    background: rgb(10,120,10);
    box-shadow:
    inset 0 0 3px 1px rgba(0,0,0,.8),
    inset rgba(0,0,0,.3) -5px -5px 8px 5px,
    inset rgba(255,255,255,.5) 5px 5px 8px 5px,
    1px 1px 1px rgba(255,255,255,.1),
    -2px -2px 5px rgba(0,0,0,.5);
    transition: .2s;
    }
    .site-phone:hover {
    color: rgba(255,255,255,.9);
    background: rgb(20,130,20);
    {
    .site-phone:active {
    background: rgb(0,110,0);
    box-shadow:
    inset 0 0 5px 3px rgba(0,0,0,.8),
    inset rgba(0,0,0,.3) -5px -5px 8px 5px,
    inset rgba(255,255,255,.5) 5px 5px 8px 5px,
    1px 1px 1px rgba(255,255,255,.2),
    -2px -2px 5px rgba(0,0,0,.5);
    }
     
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Я вижу, что вы его маржинами таки подогнали к центру (даже чуть выше).
    Вообще, для вертикального выравнивания в наше время надо использовать флексбокс.

    И не забывайте о существовании разделительных знаков. Смысл вашего сообщения не так то просто понять, когда оно сплошной вереницей слов.