by Adrienne Boswell <arbpen@[EMAIL PROTECTED]
>
Aug 2, 2006 at 03:51 AM
Gazing into my crystal ball I observed "John Swan"
<j.a.swan123@[EMAIL PROTECTED]
> writing in
news:lMnzg.2841$t%.980@[EMAIL PROTECTED]
> Hello.
>
> I have created a website which does not seem to validate correctly. I
> am only getting one error but to rectify this issue would result in
> part of the site not working.
>
> Basically I have a div which is nested inside a link. When the
> validator parses this it throws an error, having tried different
> combinations that does not work. Please check out the other pages on
> the site to see what I mean (any opinions would be appreciated :) )
>
> I know there is a easy fix which would be to include the image in the
> <a> but that would defeat the point of style sheets and make mobile
> users of limited browsers download a big image that would take time
> and look even worse.
>
>
> Please check out www.integrated-dev-sol.co.uk/index.html for more info
> or simply click upon the following link:
> http://validator.w3.org
> and enter the above url.
>
>
>
Why would you nest a div inside of a link - DIV is a block level element,
A is inline and cannot contain block level elements.
If you want A to show as blocklevel, the use CSS to do so.
As to your problem with the image, you could do this:
@[EMAIL PROTECTED]
screen {
img.bigimg {display:inline}
}
@[EMAIL PROTECTED]
handheld {
img.bigimg {display:none}
}
<a href="page.html"><img src="bigimg.jpg" class="bigimg" alt="Large
image" height="500" width="500"></a>
--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
