За последние 24 часа нас посетили 17999 программистов и 1650 роботов. Сейчас ищут 1224 программиста ...

Как выделить внутри div:hover картинкой

Тема в разделе "HTML и CSS", создана пользователем engine.energy, 6 июн 2015.

  1. engine.energy

    engine.energy Новичок

    С нами с:
    31 май 2015
    Сообщения:
    149
    Симпатии:
    0
    Как не виделить див внутри картинка. Который я выделил на картину и див не должен сработать.

    Пример html:
    Код (PHP):
    1. <div>
    2.   <a>
    3.     <img src="" />
    4.   </a>
    5. <div>
    6.  
    Пример сss:
    Код (PHP):
    1. div
    2. {
    3.   background: #6F6357;
    4. }
    5.  
    6. div:hover
    7. {
    8.   background: #7e6f62;
    9. }
    10.  
    Как видите при наведение мышку на див то фон меняет. А если наводит на ссылку с картинкой то див не выделял как это делать? Всю голову ломаю...

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Заведи в CSS селектор для ссылки, вложенный в селектор дива. И прописывай в нем что хочешь.
     
  3. engine.energy

    engine.energy Новичок

    С нами с:
    31 май 2015
    Сообщения:
    149
    Симпатии:
    0
    Fell-x27 напиши а то не понял суть вашего..
     
  4. mr.akv

    mr.akv Активный пользователь

    С нами с:
    31 мар 2015
    Сообщения:
    1.604
    Симпатии:
    206
    Код (PHP):
    1. <div>
    2.   <class="link">
    3.     <img src="" />
    4.   </a>
    5. <div> 
     
  5. engine.energy

    engine.energy Новичок

    С нами с:
    31 май 2015
    Сообщения:
    149
    Симпатии:
    0
    mr.akv и? у меня их 2 веделение 1 веделение вся ссылка и внутри картинка другая ссылка.

    Добавлено спустя 1 минуту 44 секунды:
    Как видите их 2 ссылка. ссылка целый див выделяет и картинка ссылку на информации предмета.

    Когда я выделяю на иконку то и ссылка действует на него выделение.

    Код (PHP):
    1. <div>
    2.             <a class="item_list" href="/craft/<?= $recipe['id']?>/recipe">
    3.                 <table border="0">
    4.                     <tr>
    5.                         <th class="slot">
    6.                             <a href="/item/<?= $recipe['item']?>/info">
    7.                                 <img src="/images/items/<?= $recipe['item'] ?>.png"/>
    8.                             </a>
    9.                         </th>
    10.                         <th class="body">
    11.                             <div class="title">
    12.                                 <?= $recipe['name'] ?>
    13.                             </div>
    14.                                     
    15.                             <div class="time">
    16.                                 <? if($recipe['time'] > time()) { ?>
    17.                                     <?= life($recipe['time']) ?>
    18.                                 <? } else { ?>
    19.                                     Задача завершена!
    20.                                 <? } ?>
    21.                             </div>
    22.                         </th>
    23.                     </tr>
    24.                 </table>
    25.             </a>
    26.         </div>