Почему правила CSS не применяются к тегам HTML?

Question

[Петр Волханов]

Пытаюсь сделать заказ обратного звонка на сайте, но почему-то не работают правила CSS.
Вот Html код, который я добавил в шапку сайта:

<div class="callback">
    		<img width="65" height="56"  src="http://www.alkonarkostop.com.ua/wp-content/uploads/2015/02/callback.png" alt="Заказать обратный звонок">
    			<a href="#" title="Заказать обратный звонок">Заказать обратный звонок</a>
    		</img>
    	</div>

Вот CSS код:

div.callback{
    	display: none !important;
    }
    
    div.callback a{
    	font-family: HeliosBlack;
    	font-weight: normal;
    	font-size: 15px;
    	text-transform: uppercase;
    	color: white !important;
    }

Кэширование отключено. Почему правила CSS не применяются к тегам HTML?

Answer 1

[Влад Бонем]

Попробуй сделать не через div а через точку.

.mprof{
float: right;
height: 141px;
margin-top: -283px;
width: 95px;}

Кинул пример

Comments

[Петр Волханов]

Влад Бонем Так работает но скрывает только ссылку, а картинка остается видимой. Что не так?

[Влад Бонем]

Евгений Привалов: тоесть скрывает ссылку? Ведь href="#" есть?

[Петр Волханов]

есть, скрывает только ссылку

[Влад Бонем]

Евгений Привалов: тоесть скрывает запись "Заказать обратный звонок"??? Ну ведь ссылку оно не откроет так как стоит "#"

[Levelse]

Т.е. к классу применили display:none; следовательно все, что внутри блока, тоже будет скрыто.

Автор, объясни, чего ты хочешь добиться? Какого эффекта (опиши). Тебе подскажут...