Passing Validation

Passing Validation

am 23.05.2007 08:59:16 von blessblessbless

I can't pass the W3C Validation because it wants to compromise my
sites functionality.
Here is the problem
Site: http://bjorntoday.com/?page=Imprint&lang=E
Validation:
http://validator.w3.org/check?uri=http%3A%2F%2Fbjorntoday.co m%2F%3Fpage%3DImprint%26lang%3DE&charset=%28detect+automatic ally%29&doctype=Inline
I have 9 errors
one is the Tag error, never mind that.
the other 8 are due to the fact that a
, can't be in the
tag??
whats up with that?
the reason i need the
tag to be in is so that i can click
the div to open a url.
e.g.
See the flags on top of the page? The British and the German.
This is the HTML
English div>
This is the CSS
#langE{
background: transparent url(images/e.jpg) no-repeat top left;
width: 30px;
height: 15px;
}
#langE span{display:none;}

Now i know i could just insert an tag but I won't do that
because the site must be visually changeable via css.

Other problem are the rollover buttons.
Guestbook div>
the
is there so the surface around the actual text is clickable.

Is there hope for me? or will the page just never pass? (excluding the
marquee tag)

bless
mawk

Re: Passing Validation

am 23.05.2007 09:34:24 von Adrienne Boswell

Gazing into my crystal ball I observed Mohawk Mawk
writing in
news:1179903556.150858.184810@m36g2000hse.googlegroups.com:

I can't pass this up, folks!

> I can't pass the W3C Validation because it wants to compromise my
> sites functionality.

I don't think the validator wants to compromise your site's
functionality, unless there's some conspiracy no one let me in on.

> Here is the problem
> Site: http://bjorntoday.com/?page=Imprint&lang=E
> Validation:
> http://validator.w3.org/check?uri=http%3A%2F%2Fbjorntoday.co m%2F%3Fpage
> %3DImprint%26lang%3DE&charset=%28detect+automatically%29&doc type=Inline
> I have 9 errors
> one is the Tag error, never mind that.

I hope you're getting rid of that. If the information is imporant, why
would you want visitors have to wait for the message to come back round?
Marquees and other moving text are distracting for the user and a PITA.

> the other 8 are due to the fact that a
, can't be in the
> tag??
> whats up with that?

An inline element cannot contain a block element. Simple.

> the reason i need the
tag to be in is so that i can click
> the div to open a url.

What's wrong with clicking on the a element itself? That's what it's
there for.

> e.g.
> See the flags on top of the page? The British and the German.
> This is the HTML
>
English > div>
> This is the CSS
> #langE{
> background: transparent url(images/e.jpg) no-repeat top left;
> width: 30px;
> height: 15px;
> }
> #langE span{display:none;}

Then style the a element itself. Don't put an unnecessary element in
there. What? Do you have Divitis?

>
> Now i know i could just insert an tag but I won't do that
> because the site must be visually changeable via css.
>
> Other problem are the rollover buttons.
>
Guestbook > div>
> the
is there so the surface around the actual text is clickable.

Style the a element.

>
> Is there hope for me? or will the page just never pass? (excluding the
> marquee tag)
>

I think you need to get to the nearest ER because you definately have
Divitis. There is a cure - use semantic markup.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Re: Passing Validation

am 23.05.2007 09:49:18 von blessblessbless

ok
1. the marquee tag will be gone, its just a placeholder.
2. the a element is a inline element and has no surface like a block
element mister smarty pants.
just so you can see what i mean i have uped the new code
http://bjorntoday.com/?page=Imprint&lang=E
notice any difference between the "Picture Blog" and "Picture Archive"
buttons?
HTML
td>

Picture
Archive

CSS
.link{width:100%;height:100%; }

the "Picture Blog" button is only clickable on the text, even though
it has the same class as the DIV, witch is fully clickable around the
text.

and that is why i need a block element like div in an inline element
why should this cause an error in the validation?

Re: Passing Validation

am 23.05.2007 10:25:00 von cfajohnson

On 2007-05-23, Mohawk Mawk wrote:
> ok
> 1. the marquee tag will be gone, its just a placeholder.

What marquee tag?

This is Usenet, not Google Groups. Please quote enough relevant
material so that people know what you are talking about.

> 2. the a element is a inline element and has no surface like a block
> element mister smarty pants.

You can make it a block element with CSS (though I doubt that
that's necessary).

> just so you can see what i mean i have uped the new code
> http://bjorntoday.com/?page=Imprint&lang=E
> notice any difference between the "Picture Blog" and "Picture Archive"
> buttons?

No. There is none.

> HTML
> > td>
>

Picture
> Archive

> CSS
> .link{width:100%;height:100%; }

Why are you using a table for non-tabular material?

> the "Picture Blog" button is only clickable on the text, even though
> it has the same class as the DIV, witch is fully clickable around the
> text.
>
> and that is why i need a block element like div in an inline element

Please explain what you want. It's not clear from your post or your
web page.

> why should this cause an error in the validation?

It's like wearing your shoes inside your socks.

--
Chris F.A. Johnson
============================================================ =======
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Re: Passing Validation

am 23.05.2007 10:45:32 von blessblessbless

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.co m%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 (

) inside an inline element()
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
Picture
Archive

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

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
Picture
Archive
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?

Re: Passing Validation

am 23.05.2007 10:45:50 von blessblessbless

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.co m%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 (

) inside an inline element()
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
Picture
Archive

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

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
Picture
Archive
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?

Re: Passing Validation

am 23.05.2007 11:26:31 von blessblessbless

On May 23, 3:25 pm, "Chris F.A. Johnson" wrote:
> On 2007-05-23, Mohawk Mawk wrote:
>
> > ok
> > 1. the marquee tag will be gone, its just a placeholder.
>
> What marquee tag?
>
> This is Usenet, not Google Groups. Please quote enough relevant
> material so that people know what you are talking about.
>
> > 2. the a element is a inline element and has no surface like a block
> > element mister smarty pants.
>
> You can make it a block element with CSS (though I doubt that
> that's necessary).
>
> > just so you can see what i mean i have uped the new code
> >http://bjorntoday.com/?page=Imprint =E
> > notice any difference between the "Picture Blog" and "Picture Archive"
> > buttons?
>
> No. There is none.
>
> > HTML
> > > > td>
> >

Picture
> > Archive

> > CSS
> > .link{width:100%;height:100%; }
>
> Why are you using a table for non-tabular material?
>
> > the "Picture Blog" button is only clickable on the text, even though
> > it has the same class as the DIV, witch is fully clickable around the
> > text.
>
> > and that is why i need a block element like div in an inline element
>
> Please explain what you want. It's not clear from your post or your
> web page.
>
> > why should this cause an error in the validation?
>
> It's like wearing your shoes inside your socks.
>
> --
> Chris F.A. Johnson
> ============================================================ =======
> Author:
> Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

OK never mind, thank you, the answer is quite simple display:block;
thank you and please ignore the confusion of this thread if you are
trying to understand what was going on :D