2014-02-11 4 views
0

다음 코드가 있으며 앵커 태그에 래핑되지 않은 단락 태그는 자동으로 앵커 태그를 생성합니다. "소셜 미디어에 우리와 연결"단락이 문제입니다. 방화 광에서 검사 할 때 리디렉션 페이지로 연결됩니다. 왜이 곳에서만 일어나는거야? 나는 그것이 단순히 그것이 링크가되기를 원하지 않는다.단락 태그 자동 생성 앵커 태그

#footer .social { 
text-align: right;} 

#footer .facebook { 
color: #685642;} 

#footer .twitter { 
color: #685642;} 

.col-lg-6 { 
width: 50%;} 

.col-sm-6 { 
width: 50%;} 

마지막 두 트위터 부트 스트랩 비계 클래스입니다 : 여기

<div class="col-lg-6 col-sm-6 social"> 
    <p>Connect with us on social media</p> 
    <p> 
     <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a> 
     /
     <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a> 
    </p> 
</div> 

그 클래스에 대한 CSS입니다. 나는 문제가 그것들과 거짓말을하지 않는다고 확신한다. 그들은 다른 화면 해상도에 적용되므로 중복 코드가 아닙니다.

답변

0

일반적으로 사람들은 앵커 태그를 단락 외부에 배치합니다. 이 작업을 수행하지 마십시오

<div class="col-lg-6 col-sm-6 social"> 
<p>Connect with us on social media</p> 
<p><a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank">Facebook</a>/
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank">Twitter</a></p> 
</div> 

을 대신 이것을 시도 :

<div class="col-lg-6 col-sm-6 social"> 
    <p>Connect with us on social media</p> 
    <a class="facebook" href="https://www.facebook.com/pages/G-S-Masters-Inc/180291982077400" target="_blank"> 
     <p>Facebook</p> 
    </a> 
    <a class="twitter" href="https://twitter.com/GSMastersInc" target="_blank"> 
     <p>Twitter</p> 
    </a> 
</div> 
+0

방금 ​​CSS를 포함하도록 개정되었습니다. 나는 css가 앵커 태그를 추가 할 수 있다는 것을 몰랐다. –

+0

그래, 문제는 아니야. 나는 내 직책을 수정하고 내 직책에서 말하는대로 행동 할 것이라고 생각한다. –

+0

행운의 남자. 그것은 똑같은 일을하지만, 각각의 p를 새로운 줄에 넣습니다. 그것은 jQuery 일 것임에 틀림 없다. –

1

을 문제는 HTML 코드에서, 그것은을 적용 앵커로 다음 단락됩니다 모든 앵커의 마지막에 태그를 종료 </a> 누락하는 경우 .

문제가있는 부분 앞에서는 이전 앵커를 실수로 </a>으로 끝내는 데 착각했을 것입니다.