Site Check DIV and CSS

On Sun, 15 Aug 2004 18:08:16 +0100, jake <jake (AT) gododdin (DOT) demon.co.uk> wrote:

In message <pan.2004.08.15.12.31.48.494265 (AT) tobyinkster (DOT) co.uk>, Toby
Inkster <usenet200408 (AT) tobyinkster (DOT) co.uk> writes
jake wrote:

Still, it's a simple-enough task to set up your CSS so that <abbr> and
acronym> get the same treatment regardless of tag choice and browser
--
although there's a little extra work in the mark-up.

Nah-uh. Try this in IE
URL:http://examples.tobyinkster.co.uk/test-abbr>:
Guess what it does?


Displays 'abbr' and 'acronym' ?
'abbr' in the users' default text form?
'acronym' as 150% red text on a yellow background?

Exactly! So logically, if she weighs the same than a duck, she's made of
wood. And therefore, IE will not recognize a damn thing you do to the
<abbr> element because as far as it's concerned, it's NOT an element.

abbr will not take styles in IE. What markup do you propose which will
enable abbr and acronym to get the same treatment regardless of tag choice
and browser?

Edwin van der Vaart wrote:

Edwin van der Vaart wrote:

Martijn wrote:

Hello Everybody,



G'day.

First of I want to say that I don't normally post to newsgroups so
I've I'm doing anything wrong please say so.
Second I'm Dutch so don't mind the English (I'm hoping the spell
checker works)



I'm also a Dutchman. The spell checker does work ;-)

I was wondering I've somebody could check my site at
http://www.test.xw3b.nl. It's my first whiteout tables for layout.
Any/all comments would be appreciated



When I'm viewing your page with Firefox with a window of 800x600 px, I
miss the subjects "Kleur vast menu" and "Klear los menu".

Other than that, the page and lay-out looks good.
Keep up the good work.


I forgot to mention. When I view the site with Firefox on Linux/Mandrake
10.0 the font size is rather small, for my taste. If have set a font
size of 12 px.

On http://www.xw3b.nl/voorbeelden/versie/1/ try to use the hover for the
menu image instead of the js hover script.

On http://www.xw3b.nl/voorbeelden/versie/2/ increase the font size to
e.g. 90 or 95%.

Please remove the intro/splash page on
http://www.xw3b.nl/voorbeelden/versie/3/ and go straight to the
index.php page.

Use style sheet of the table pages at
http://www.xw3b.nl/voorbeelden/voorb1.htm and
http://www.xw3b.nl/voorbeelden/voorb2.htm

The same goes for the frame pages at
http://www.xw3b.nl/voorbeelden/voorb3.htm and
http://www.xw3b.nl/voorbeelden/voorb4.htm

The pop-up page doesn't work when js is disabled.
Try to use this:
a href="main.php" onClick="NieuwVenster();return false"
When js is enabled there will be a pop-up to the main.php, when js is
disabled main.php the visitor can enter the page.

Ok... Thank you very much for digging so deep into the site ( echt heel
erg bedankt) but all those pages are old versions of the same site. They
are just there so people can still see them and the difference in coding
they will soon be stript of all functions like forum and guestbook and
stuff so they are only there as an example and I'm not planning on
updating them anymore but if I ever feel like it I will certainly take
these tips into consideration

I *will* change and use the
<a href="main.php" onClick="NieuwVenster();return false">.

http://www.test.xw3b.nl/help.php
[qoute]
In het nieuws staat dat het menu blijft staan tijdens het scrollen, dit
gebeurt bij mij niet. Hoe kan dit?

U gebruikt waarschijnlijk Microsoft Internet Explorer(IE). IE
ondersteund deze functie helaas niet. Wilt u hier toch gebruik van maken
(en van een stabielere en veiliger browser) kunt u, naar mijn menig, het
beste Mozila Firefox downloaden en gebruiken.
[/qoute]

Add Opera with Java Consol as a stable and saver browser too.

I will do that, thanks.

Perhaps add a new question to the help/FAQ:
"Hoe kan ik de tekst vergroten of verkleinen?"

Oh the Help/FAQ isn't done by a long shot. Nor is the rest of the site.
I'm now working on a PHP script to make the maintenance of the FAQ page
easier.

But again thank you very much for you're input and time.


--
Browser: Mozilla Firefox http://www.mozilla.org/products/firefox/
Extension : Webdeveloper
http://www.chrispederick.com/work/firefox/webdeveloper/
News/mail : Mozilla Thunderbird http://www.mozilla.org/products/thunderbird/
http://www.xw3b.nl / http://www.test.xw3b.nl

jake wrote:

In message <cfnq9o$m1a$1 (AT) testnews1 (DOT) home.nl>, Martijn
webmaster (AT) NO_SPAMxw3b (DOT) nl> writes
[snip]


In my menu I got some accesskeys, to show to people which key they
should use I underlined them like

a href="link.php" accesskey="h"><u>H</u>ome</a

it looks fine but the screen reader reads it as "H" "ome" so thats no
good. Is there a way with CSS to underline only the first letter of a
word without placing that letter between tags?


Try 'First-letter'. (Works in IE and Opera, but not in Netscape or
Mozilla.)


About the <abbr> or <acronym>:
the IBM reader does not care if its <abbr> or <acronym> it just
disregards them completely

Yes. As I said, most AT UAs don't use them, and those that do use them
in a variety of ways.

HPR simply ignores accesskey settings completely.

PS. You'll find that access keys won't work with most AT UAs because
most of them use some of the key-combinations for their own short-cuts
to cater for people with disabilities that preclude them from using a
mouse.



regards.

Hmm well I'll lose the <u></u> around the first letter and make a note
of it in the Help/FAQ page so people who can't use the mouse can still
use them.

And I'll do all those things after re-installing all my developer tools.
just reinstalled my OS, after installing Window-Eyes screen reader demo
everything went wrong just kept rebooting even in safe mode.

--
Browser: Mozilla Firefox http://www.mozilla.org/products/firefox/
Extension : Webdeveloper
http://www.chrispederick.com/work/firefox/webdeveloper/
News/mail : Mozilla Thunderbird http://www.mozilla.org/products/thunderbird/
http://www.xw3b.nl / http://www.test.xw3b.nl

In message <opscsbbcqy6v6656 (AT) news (DOT) individual.net>, Neal
<neal413 (AT) yahoo (DOT) com> writes

On Sun, 15 Aug 2004 18:08:16 +0100, jake <jake (AT) gododdin (DOT) demon.co.uk> wrote:

In message <pan.2004.08.15.12.31.48.494265 (AT) tobyinkster (DOT) co.uk>, Toby
Inkster <usenet200408 (AT) tobyinkster (DOT) co.uk> writes
jake wrote:

Still, it's a simple-enough task to set up your CSS so that <abbr> and
acronym> get the same treatment regardless of tag choice and
browser --
although there's a little extra work in the mark-up.

Nah-uh. Try this in IE
URL:http://examples.tobyinkster.co.uk/test-abbr>:
Guess what it does?


Displays 'abbr' and 'acronym' ?
'abbr' in the users' default text form?
'acronym' as 150% red text on a yellow background?

Exactly! So logically, if she weighs the same than a duck, she's made
of wood. And therefore, IE will not recognize a damn thing you do to
the <abbr> element because as far as it's concerned, it's NOT an element.

YES.

abbr will not take styles in IE.

YES.

What markup do you propose which will enable abbr and acronym to get
the same treatment regardless of tag choice and browser?

In the CSS:

abbr { border-bottom : none; }
abbr, acronym, span.abbr {
cursor : pointer;
cursor : help;
border-bottom: 1px dotted
black;
}

In the HTML:
This is an <acronym title="acronym">AC</acronym> and this is an <abbr
title="abbreviation"><span class="abbr"
title="abbreviation">AB</span></abbr>

The effect is the same, but -- of course -- what the user is really
seeing in IE in the tool-tip is the 'title' on the <span>.

regards.

--
Jake

In message <pan.2004.08.15.21.33.40.925418 (AT) tobyinkster (DOT) co.uk>, Toby
Inkster <usenet200408 (AT) tobyinkster (DOT) co.uk> writes

jake wrote:
This is an <acronym title="acronym">AC</acronym> and this is an <abbr
title="abbreviation"><span class="abbr" title="abbreviation">AB</span></abbr

I would hardly describe changes to the markup of potentially hundreds of
pages (perhaps too complicated for a simple regexp to do it all?) as "a
simple-enough task to set up your CSS".

Well, if you code it this way when you code your page, then there's no

'change' required at all, is there?

If you really have 'hundreds' of pages that need changing then I find it
hard to believe that a simple awk script couldn't make the vast majority
of the changes *automatically*.

Still, if you know a better way to provide the functionality .........
;-)

regards

--
Jake

mike schreef:

Hello,
Just to let you know your spell checker does not work. In your sentence
where you said, "I was wondering I've somebody could check my site at
http://www.test.xw3b.nl it should be if not I've

"Martijn" <webmaster (AT) NO_SPAMxw3b (DOT) nl> wrote in message
news:cfm89b$udv$1 (AT) testnews1 (DOT) home.nl...

Hello Everybody,

First of I want to say that I don't normally post to newsgroups so I've
I'm doing anything wrong please say so.
Second I'm Dutch so don't mind the English (I'm hoping the spell
checker works)
snip

Your Dutch can be improved as well.
Probably things a spell checker misses. But as I understand
young people like yourself are forgetting how to write Dutch
Peter