CODEWITHSUNDEEP
htmlhref
Tara
Tara

Reputation: 1598

Problem with <a> & Positioning

On this page the space between the left column and the title is too large. I think this is because the img at the top of the left column has an <a href=""></a>. Is there any way to make the img on the left line up with the img on the right (which is at the correct hight)?

Upvotes: 1

Views: 85

Answers (4)

Babak Naffas
Babak Naffas

Reputation: 12581

Each DIV has a hard code value for the TOP css property. Reduce each value by 85px.

Upvotes: 0

openai_sucks
openai_sucks

Reputation: 1273

Actually, the problem isn't the <a> tag at all, but the empty <p> tag and non-breaking space &nbsp; inside:

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

Remove those and the two columns should line up.

EDIT: And as others have noted, you don't need this anchor at all and it should probably be removed entirely.

Upvotes: 2

dee-see
dee-see

Reputation: 24088

You have all of this between your title and your image:

<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>

Might want to clean it up and your problem will probably be solved. Especially the &nbsp; part.

Upvotes: 2

user229044
user229044

Reputation: 239521

The column has an empty <a href="http://www.glamourunderground.com/?p=217" target="_blank">&nbsp;<p></p> </a> tag and an empty <p> tag, which are pushing the column's contents down. The simple solution would be to remove the tags, since they're empty and the <a> isn't clickable anwyways.

Upvotes: 5

Related Questions