2013-08-20 2 views
1

У меня, похоже, проблема с Подчеркнутой. У меня есть окно, которое связываемых:Текст Подчеркнутый Подчеркнутый Подчеркнутый

<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>. Может кто-нибудь, пожалуйста, скажите мне, что я делаю неправильно?

+1

Его не разрешается использовать на уровне блоков элементов (р) внутри строкового элемента (а). – LinkinTED

+0

@LinkinTED - [На самом деле, это не так, как в HTML5.] (Http://blog.paciellogroup.com/2011/06/html5-accessibility-chops-block-links/) – Shauna

+0

Да, вы правы, мой комментарий это верно только при LinkinTED

ответ

3
.single_box a {text-decoration:none;} 
+0

Это было ... почему я не подумал об этом :(uggg Спасибо! –

1

Вам необходимо выбрать якорь. Вместо контейнера. http://jsfiddle.net/2EHkp/1/

.single_box a {text-decoration:none;} 

Это то, что вы имели:

.single_box {text-decoration:none;} 
1

текста украшение подчеркивание по умолчанию для ссылок. Итак, вам нужно повернуть, что от:

.single_box a { 
    text-decoration: none; 
} 
0

для нацеливания HREF, вам может понадобиться:

.single_box a{text-decoration:none;}

0

Якорь ссылка ... по умолчанию принимает подчеркивание, если вы не используете CSS как text-decoration: none;

Пожалуйста, добавьте один дополнительный класс под вашим классом .single_box

Вот мой код:

.single_box a{text-decoration:none;} 
Смежные вопросы