Проблема с <a>и позиционированием

Question

Вкл. эта страница пространство между левым столбцом и заголовком слишком велико.Я думаю, что это потому, что img в верхней части левого столбца имеет <a href=""></a>.Есть ли способ сделать так, чтобы img слева выровнялся с img справа (что на правильной высоте)?

Answer 1

В столбце есть пустой тег <a href="http://www.glamourunderground.com/?p=217" target="_blank">&nbsp;<p></p> </a> и пустой тег <p>, которые перемещают содержимое столбца вниз.Простым решением было бы удалить теги, так как они пусты и <a> не всегда активен.

Answer 2

На самом деле проблема вовсе не в теге <a>, а в пустом теге <p> и неразрывном пробеле   внутри:

<a href=".../?p=217" target="_blank">&nbsp;<p></p>
</a>

Удалите их, и два столбца должны выстроиться в линию.

РЕДАКТИРОВАТЬ: И, как другие заметили, вам не нужен этот якорь вообще, и, вероятно, его следует удалить полностью.

Answer 3

У вас есть все это между вашим заголовком и изображением:

<div class="date">
</div>
</div>
<div class="cover">
<div class="entry">
<div class="col1"><a href="http://www.glamourunderground.com/?p=217">&nbsp;<p></p>
</a><p><a href="http://www.glamourunderground.com/?p=217"></a></p>

Возможно, вы хотите очистить его, и ваша проблема, вероятно, будет решена.Особенно часть  .

Answer 4

Каждый DIV имеет значение жесткого кода для свойства TOP css. Уменьшите каждое значение на 85px.