|
|
Posted by Mohawk Mawk on 05/23/07 08:45
i am very sorry, that I put the old version of the site up, i thought
it a bit stupid to put up wrong pages just to prove a point.
one more try:
I'm trying to pass the W3C validation, but theres a little problem
Site to validate: http://bjorntoday.com/?page=Any&lang=E
Validation message:
http://validator.w3.org/check?uri=http%3A%2F%2Fbjorntoday.com%2F%3Fpage%3DAny%26lang%3DE&charset=%28detect+automatically%29&doctype=Inline
OK all 7 errors are of the same nature
The cause for this message is that I have attempted to put a block-
level element (<div>) inside an inline element(<a>)
I do this is because I want the surface around the text to be
clickable, as is the case right now. check out the buttons under the
banner.
HTML
<td><a href="?page=Gallery&lang=E"><div class="link">Picture
Archive</div></a></td>
CSS
..link{width:100%;height:100%;}
Now I have tried alternatives:
alternate test page: http://bjorntoday.com/try.html
1) Try to style the a tag
<td><a href="?page=Home&lang=E" class="link">Picture Blog</a></td>
ok for the validator, but as you will see only the text is clickable,
surface around it does not respond. not the result I want
2) Replace block element div with inline element span
<td><a href="?page=Gallery&lang=E"><span class="link">Picture
Archive</span></a></td>
same problem, I think it is the nature of inline elements just to
affect the area immediately around the text
I do not want to have to compromise the fact that the surface around
the link is clickable, what would be an alternative method?
[Back to original message]
|