У меня, похоже, проблема с Подчеркнутой. У меня есть окно, которое связываемых:Текст Подчеркнутый Подчеркнутый Подчеркнутый
<div class="single_box">
<a href="servicesweprovide.asp"><img src="images/law_enforcement_accreditation.jpg" alt="" />
<p>Law Enforcement<br />Accreditation</p></a>
</div>
Вот является CSS:
.single_box {
width:253px;
min-height:170px;
float:left;
margin:0px 15px 0 0;
padding:0px;
text-decoration:none;
}
.single_box p{
background:url(../images/arrow.png) 92% 50% #0b2e84 no-repeat;
font:bold 16px/18px Arial, Helvetica, sans-serif; color:#fff;
padding:6px 14px;
word-spacing:normal;
letter-spacing:normal;
font-stretch:normal;
cursor:pointer;
text-decoration:none;
}
.single_box p:hover {
background-color:#ffc210;
text-decoration:none;
}
я поставил его на JFiddle здесь: http://jsfiddle.net/2EHkp/
У меня есть ощущение, что это связано со мной таргетинг на пункт <p>
, а не на href. Но я не могу понять, как настроить таргетинг на href вместо <p>
. Может кто-нибудь, пожалуйста, скажите мне, что я делаю неправильно?
Его не разрешается использовать на уровне блоков элементов (р) внутри строкового элемента (а). – LinkinTED
@LinkinTED - [На самом деле, это не так, как в HTML5.] (Http://blog.paciellogroup.com/2011/06/html5-accessibility-chops-block-links/) – Shauna
Да, вы правы, мой комментарий это верно только при
LinkinTED