Which is the proper way?

Hey everyone,

Currently, I insert my images with the following code:



But I read somewhere that you should never put a block level element <div> inside an inline level element <a>. My WordPress theme is XHTML. So my question now is whether the above mentioned code is considered as OK in perspective on an XHTML document. If not, could anyone suggest me a better way?

Thanks

You could use a span tag instead and apply whatever class you want to that. Those are allowed inside <a> elements.

Hi, thanks for replying.

I tried replacing the div with a span tag, but now the hover isn't properly positioned. The thing is, I have an image overlay which nicly cover the whole image on hover. But when using the span tag it is slightly off-set...?

Is it bad to use the code I am currently using?

Thanks

In your CSS, apply this to the span tag:

display:block;

That may resolve your issue.