strict xhtml and css

MWSunshine · Jul 6, 2004

Hi !

I would like to make a nice menu on my page. The menu should be located on
the eleft side. You can see it on:
http://www.republika.pl/mwsunshine/index3.html
The problem is that I nested a table in DIV to have the possibility of
highlight the menu contents when the mouse is moved over the link.
But it seems to be not allowed in xhtml - validator is comlaining about
table in this place.
But if table is not allowed there - how can i achieve the same effect
without table?

MWSunshine

brucie · Jul 6, 2004

in post: <

MWSunshine said:
I would like to make a nice menu on my page. The menu should be located on
the eleft side. You can see it on:
http://www.republika.pl/mwsunshine/index3.html

http://www.brucie.name/usenetshit/3-col-with-menu-thingy.html

MWSunshine · Jul 6, 2004

http://www.brucie.name/usenetshit/3-col-with-menu-thingy.html

Thank You very much!
I can see it's so easy, but I am just beginning with this stuff. Actually -
it will be my first page ever made in text editor.

Again: Thanks a lot !
MWSunshine

Nick Howes · Jul 6, 2004

brucie said:
in post: <

http://www.brucie.name/usenetshit/3-col-with-menu-thingy.html

You should do as brucie as done, and take advantage of style sheets. This is
part of the general move in HTML towards markup that represents what it is,
rather than random tables. And menus are lists, generally, so why not write
it out as such and then style them?

also i think that script tag on the first line is probably invalid... would
be better in the <head> element. unless that is added by your host

Webcastmaker · Jul 6, 2004

But if table is not allowed there - how can i achieve the same effect
without table?

Drop the table, then put the links in an unordered list <ul>. Use CSS
to change the size and color of each of the list items in the ul.

Andy Dingley · Jul 6, 2004

MWSunshine said:
I would like to make a nice menu on my page. The menu should be located on
the eleft side. You can see it on:
http://www.republika.pl/mwsunshine/index3.html

The problem is that I nested a table in DIV to have the possibility of
highlight the menu contents when the mouse is moved over the link.

You don't need to do this.

The "CSS mouse highlight" trick relies on using the CSS :hover
pseudo-class. This only works on the <a> element, so usually you need
to place this inside a container element (<li> or <td>) and set the
width of the <a> to 100% so that the varying background fills its
container.

There is no requirement for an extra "list level" container element
though. You probably need to add an id or class attribute so as to
associate the CSS with it, but you can add that to the table element
itself just as easily.

But it seems to be not allowed in xhtml - validator is comlaining about
table in this place.

No, the validator is complaining about lots of things, but not that.

For one thing, you need to avoid that <script> element at the top of
file before the doctype. If this is added by your hosting company,
then I'm sorry but you'll never have valid mark-up.

You also re-use the same id attribute value in many places, which
isn't valid. Think about using a class attribute here instead, or else
just inferrring the CSS from the parent's class or id.

And please don't wave "Valid XHTML" buttons around when it isn't.

brucie · Jul 6, 2004

in post: <

Andy Dingley said:
The "CSS mouse highlight" trick relies on using the CSS :hover
pseudo-class. This only works on the <a> element,

the specs don't specify which elements the :hover pseudo class can apply
to so it can apply to all. its just some old crappy browsers only apply

it to the said:
and set the width of the <a> to 100% so that the varying background
fills its container.

display:block; is all thats needed, again its just some crappy old
browsers that require the width:100%

Ryan Stewart · Jul 6, 2004

brucie said:
in post: <

the specs don't specify which elements the :hover pseudo class can apply
to so it can apply to all. its just some old crappy browsers only apply
it to the <a>

There are browsers that actually support it? Which?

brucie · Jul 6, 2004

in post: <

There are browsers that actually support it?

yep, really and truly

Which?

both opera and geckos have good support for elements other than <a>

heres the list http://www.w3.org/TR/html401/index/elements.html
start testing

MWSunshine · Jul 6, 2004

And please don't wave "Valid XHTML" buttons around when it isn't.

I am not doing this. It was experimental before i did the things with menu.
When I was given an information that this page is no longer valid xhtml - i
just uploaded it in temporar place to have a possibility to show it for
better explanation of what i did. I did no modification. In this place where
you could see it - we could say that it is not published. Only you know that
this page is there ...

MWSunshine

Mark Parnell · Jul 6, 2004

[:hover on elements other than said:
There are browsers that actually support it? Which?

Pretty much anything more recent than NS4, except IE.

Ryan Stewart · Jul 7, 2004

Mark Parnell said:
[:hover on elements other than said:

There are browsers that actually support it? Which?

Click to expand...

Pretty much anything more recent than NS4, except IE.

You're right. I thought I had tested it on Mozilla and FireFox, but I had a
CSS error. Oops

Andy Dingley · Jul 7, 2004

just some old crappy browsers only apply it to the <a>

again its just some crappy old browsers that require the width:100%

So what you're saying is that you need to stick with both of these ?

brucie · Jul 7, 2004

in post: <

So what you're saying is that you need to stick with both of these ?

no, i'm saying "some crappy old browsers" is my polite way of referring
to the total pile of shit known as IE (although it can apply to others).
upgrade.

Andy Dingley · Jul 8, 2004

no, i'm saying "some crappy old browsers" is my polite way of referring
to the total pile of shit known as IE (although it can apply to others).

I know. But people do insist on using it.

upgrade.

What ? Go round and do _all_ of my users ?

brucie · Jul 8, 2004

in post: <

I know. But people do insist on using it.

people are stupid

What ? Go round and do _all_ of my users ?

yes, every single one. if they refuse to upgrade beat them to death.

Ryan Stewart · Jul 8, 2004

brucie said:
yes, every single one. if they refuse to upgrade beat them to death.

In my dreams

rf · Jul 8, 2004

brucie said:
in post: <

people are stupid

yes, every single one. if they refuse to upgrade beat them to death.

Not a good idea. One should merely beat them to a bloody pulp so all they
can do all day is sit in bed with a notebook looking at... web sites.

Webcastmaker · Jul 8, 2004

people are stupid

The quality of IE (and other browsers) and the stupidity of users,
are the only thing we can count on. Because of this, we have to
design to those specs.

Webcastmaker · Jul 8, 2004

Not a good idea. One should merely beat them to a bloody pulp so all they
can do all day is sit in bed with a notebook looking at... web sites.

We could pull a Dr Brodsky (Kubrick fans will understand that)

Stuck with html and css	25	Dec 14, 2022
IE/Firefox XHTML Strict	7	Oct 31, 2006
Blockquote in Strict XHTML	5	Dec 7, 2008
XHTML strict	4	Apr 19, 2005
xhtml table attributes	33	Dec 11, 2010
css design	7	Jul 15, 2004
XHMTL and CSS Problem	14	Jan 31, 2010
Html 4.01 strict instead of xhtml?	5	Aug 7, 2007

strict xhtml and css

MWSunshine

brucie

MWSunshine

Nick Howes

Webcastmaker

Andy Dingley

brucie

Ryan Stewart

brucie

MWSunshine

Mark Parnell

Ryan Stewart

Andy Dingley

brucie

Andy Dingley

brucie

Ryan Stewart

rf

Webcastmaker

Webcastmaker

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads