You should not insert an “a” tag in another “a” tag! …

The Problem

Well it may look strange to want to do that exaclty. Who wants to have a <a> tag in another. It really looks semanticaly incorrect, but however, every normal A grade browser’s displaing it correctly, except .. IE6.

The Case

The Microsoft team may be too much semanticaly involved in that problem, I should guess, but that’s really impossible.

The Workaround

The workaround is trivial. You just put the <a> tags one after another and adjust them with relative position and margin with negative values.

… and The Example

<a href=”#”>link here</a>

<a href=”#” style=”margin:-10px 0 0; position : relative;”>link there</a>

Leave a Reply

Your email address will not be published. Required fields are marked *