За последние 24 часа нас посетили 20354 программиста и 1085 роботов. Сейчас ищет 851 программист ...

Мой Label не любит hover

Тема в разделе "HTML и CSS", создана пользователем Vladchucha, 15 янв 2023.

  1. Vladchucha

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

    С нами с:
    12 ноя 2018
    Сообщения:
    167
    Симпатии:
    7
    Адрес:
    Nürnberg
    Добрый день,
    у меня нарушение законов природы,
    прошу помочь, т.к. не понимаю....
    Вот текст HTML
    HTML:
    1. <div style=" width:700px; ">
    2.         <span class="toolbox"> <label class="sendMessage" ><b>Здесь возможные возражения</b></label>
    3.             <span class="hover-box">
    4.                 Да, современная наука многого достигла,<br>
    5. текст....
    6.  
    7.             </span>
    8.         </span>  
    9.     </div>
    10.  
    Все работает. Это всплывающее окно при наведении мыши.
    Я хотел сделать, чтобы при попадании мыши на label, то есть открывается окно после этого,
    изменялся Background-color .
    Так сделано
    Код (CSS):
    1. .sendMessage {
    2.   display: block;
    3.   margin: 2 auto;
    4.   width: 250px;
    5.   border: 2px solid purple;
    6.   border-radius: 15px;
    7.   padding: 10px 20px;
    8.   font-size: 1.1em;
    9.   background-color: #E8E5C2;
    10.   color: #900;
    11.  
    12. }
    13. sendMessage :hover {
    14.     background-color:  #E6E6FA;
    15. }
    Цвет меняется, но только для текста, который внутри стоит.
    Далее. Такая же неурядица в самом конце страницы, где стоит
    кнопка - переход на другую страницу для написания комментария.
    Никаких всплывающих безобразий, программно формируется
    lable c адресом внутри.
    (
    PHP:
    1. $com = '<a href = ' . $a .  ' target="_blank"><b>' . $info['goto_message'] . '</a>';
    2.     echo ' <br> <button class="sendMessage">'.$com.'</button>&nbsp ' ;
    Здесь тоже меняется по сути текст содержимого <a>
    Пробовал здесь тоже с Lable - один черт, то же самое.
    Если я убираю текст в теле якоря, то просто узкая кнопка,
    но при наведении мыши цвет вообще не меняется.
    Посмотреть здесь можно - www.ockham.xyz, на главной странице зто все.
    Окно примерно в середине текста,
    вторая кнопка в самом конце.
    Спасибо.
     
  2. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    3.789
    Симпатии:
    646
    У меня только один вопрос: зачем label для hover?

    label для кликов ;)
    --- Добавлено ---
    Не очень понял. Но у ссылок есть свой hover. Может, какое-то наложение.
     
    Vladchucha нравится это.
  3. Vladchucha

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

    С нами с:
    12 ноя 2018
    Сообщения:
    167
    Симпатии:
    7
    Адрес:
    Nürnberg
    1. Ну, во втором случае имеенно клик надо сделать.
    2. "Но у ссылок есть свой hover. Может, какое-то наложение"
    Да, но тогда во-первых, рядом с текстом внутри <button> (<label>) все же должно быть
    указанное для <button>. И во-вторых, самое главное,
    внутри а появляется цвет backgrounda, который указан именно для <button> (<label>).
    Но все остальное пространство внутри - старый цвет.
    Вот это ни хрена для меня неясно....
     
  4. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    @Vladchucha, пробел лишний перед псевдоклассом.
     
    miketomlin и Vladchucha нравится это.
  5. Vladchucha

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

    С нами с:
    12 ноя 2018
    Сообщения:
    167
    Симпатии:
    7
    Адрес:
    Nürnberg
    Sail, ты Гений.
    Спасибо !!!!