Переполнение нижнего колонтитула

Question

У меня есть изображение в нижнем колонтитуле, связанное с моим блогом. Эта ссылка переполнена для авторских прав, и я понятия не имею, почему.

Я никогда не добавлял ссылку на авторское право только на изображение, но по какой-то причине, когда я наводил на себя авторское право, которое он ссылается на блог. Я не могу объяснить, что это никогда не случалось со мной раньше.

Любая помощь будет оценена по достоинству.

HTML

<footer> 
     <div class="footer"> 
      <div class="left"> 
        <img src="#" alt=""> 
       <h6>Title</h6> 
       <p></p> 
      </div> 
      <div class="middle"> 
       <p><a href="#"><img src="#" alt=""></p> 
      </div> 
      <div class="right"> 
       <p><a href="#"><img src="#" alt=""></p> 
      </div> 
     </div> 
    </footer> 

CSS

footer { 
    width: 100%; 
    background-color: #212119; 
} 

.footer { 
    margin: 0 auto; 
    width: 960px; 
    height: 350px; 
    margin-bottom: 10px; 
    color: #474741; 
} 

.footer .left { 
    margin-top: 20px; 
    margin-left: 10px; 
    float: left; 
    width: 33%; 
    text-align: left; 
} 

.footer .left img { 
    margin-top: 40px; 
    margin-left: 10px; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    float: left; 
    height: 110px; 
    width: 113px; 
} 

.footer .left h6 { 
    color: #474741; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    font-size: 18px; 
    font-weight: bold; 
    font-family: arial, sans-serif; 
} 

.footer .left p { 
    margin-top: 40px; 
    font-size: 14px; 
} 

.footer .left p:last-child { 
    margin-top: -15px; 
    font-family: arial, sans-serif; 
} 

.footer .middle { 
    text-align: center; 
    margin-top: 40px; 
    float: left; 
    width: 33%; 
} 

.footer .middle p { 
    margin-top: 0px; 
} 

.footer .right { 
    text-align: center; 
    float: right; 
    width: 33%; 
} 

.footer .right p { 
    margin-top: -152px; 
} 

.copyright { 
    clear: both; 
} 

.copyright p{ 
    margin: 0 auto; 
    width: 960px; 
    color: #e8ad4f; 
    font-size: 20px; 
    margin-bottom: 10px; 
    vertical-align: top; 
} 

Answer 1

Вы должны закрыть a теги ...

<p><a href="#"><img src="#" alt=""></p> 

... становится ...

<p><a href="#"><img src="#" alt=""></a></p> 

В противном случае все, что следует, будет включено в ссылку.