This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Site Ratings & Reviews > August 2004 > Site Check DIV and CSS
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Site Check DIV and CSS
|
|
|
|
| Edwin van der Vaart 2004-08-21, 4:32 am |
| 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.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
| |
| Martijn 2004-08-21, 4:32 am |
| Edwin van der Vaart wrote:
> Martijn wrote:
>
>
>
> G'day.
>
>
>
> I'm also a Dutchman. The spell checker does work ;-)
Good to know :)
>
>
>
> 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.
Yeah I know the menu is to big for 800X600. I'm thinking about losing
the "Favoriete Links" part and sowing it somewhere else in the site.
Bit strange writing in English when I know you're Dutch :D
Bedankt voor de reactie trouwens, zou ik bijna vergeten.
--
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
| |
| Edwin van der Vaart 2004-08-21, 4:32 am |
| Martijn wrote:
>
> Bit strange writing in English when I know you're Dutch :D
Well, there are some South Africans too in this NG, they know a little
Dutch.
> Bedankt voor de reactie trouwens, zou ik bijna vergeten.
Graag gedaan.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
| |
|
|
| Edwin van der Vaart 2004-08-21, 4:32 am |
| mike wrote:
> Hello,
> Just to let you know your spell checker does not work. The sentenced where
> you mention,"I was wondering I've somebody could check my site at
> http://www.test.xw3b.nl it should be if instead of I've.
You mean a grammar checker instead of a spell checker :o)
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
| |
|
| Hello,
It could be both.
"Edwin van der Vaart" <picayunish2000@yahoo.co.uk> wrote in message
news:EByTc.5597$vH5.5141@amstwist00...
> mike wrote:
>
where[color=darkred]
>
> You mean a grammar checker instead of a spell checker :o)
> --
> Edwin van der Vaart
> http://www.semi-conductor.nl/ Links to Semiconductors sites
> http://www.evandervaart.nl/ Under construction
| |
|
|
|
|
| Toby Inkster 2004-08-21, 4:32 am |
| Martijn wrote:
> Ok I've used the JavaScript fix, but I was in the understanding that
> <abbr> and <acronym> where used for screen readers so [...] it
> doesn't matter if IE supports it or not.
Ah, but many (please use the correct technical term, which is...) "talky
browsy thingies" use IE as the underlying base and then just read out
whatever IE shows on screen.
--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Now Playing ~ ./ed_harcourt/from_every_sphere/06_undertaker_strut.ogg
| |
| Toby Inkster 2004-08-21, 4:32 am |
| Martijn wrote:
> jake wrote:
>
>
> You're right. Changed it.
Note though that although <abbr> is "better" than <acronym>, it's not
supported in Internet Explorer:
http://tobyinkster.co.uk/web-howto#abbr
--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Now Playing ~ ./beatles/blue_cd2/09_come_together.ogg
| |
|
| In message <cfnehs$mtv$1@testnews1.home.nl>, Martijn
<webmaster@NO_SPAMxw3b.nl> writes
>Toby Inkster wrote:
>
>Ok I've used the JavaScript fix, but I was in the understanding that
><abbr> and <acronym> where used for screen readers so that they
>wouldn't hear the word "HTML" cause that would sound, well, strange
>and wouldn't make any sense and that screen readers read the code so it
>doesn't matter if IE supports it or not.
>Is that a misunderstanding on my part?
>
>Does anybody know a good (free/trial) screen reader that I could use to
>check the usability of my site?
>
http://www.test.xw3b.nl
Only some (and then, only the latest revisions) Assistive Technology
(AT) user-agents (screen-reader, talking browser, etc.) makes much use
of <abbr> or <acronym> and where they do, the use seems to vary quite a
bit[1].
Many AT UAs will simply take a guess and either pronounce it as a word
(and sometimes gets it wrong) or will spell it out letter-by-letter.
Most UAs, though, do include a dictionary facility so that the user can
tell it what to do.
----------------------------------------------------------
I was going to suggest you get hold of the 30-day free trial version of
IBM's Home Page Reader ... but I've just checked and it doesn't support
Dutch :-(
regards
[1] There's an interesting article on the subject at:
http://www.nils.org.au/ais/web/reso...short_forms.htm
--
Jake
| |
|
| In message <cfnbgo$778$1@testnews1.home.nl>, Martijn
<webmaster@NO_SPAMxw3b.nl> writes
[snip]
>
>Hmm don't know if I understand this but i have made some changes to the
>menu so if you could check if this is what you mean?
Yes, that's it.
Could still use a couple of headings in the Nieuws section, though.
>
>
>ok this I don't understand. what would be the syntax of such a link?
><a href="index.php#content" title"Straight to the content"></a> above
>the menu and a <a name=#content></a> on the content page?
>
Yes, that kind of thing.
<a href="#content" title="Straight to the content">Skip to Main
Content</a>
at the start of the items to be skipped.
And something like:
<p id="content"><a name="content"></a> .............. </p>
or
<h2 id="content"><a name="content"></a> ............ </h2>
where the main content starts.
If you want to make the link invisible to graphical browsers, but be
heard by screen-readers, et al. add this to your CSS:
..hideit {
position : absolute;
left : 0px;
top : -500px;
width : 1px;
height : 1px;
overflow : hidden;
}
and mark up the link as:
<a class="hideit" href="#content" title="Straight to the content">Skip
to Main Content</a>
(Note: However, people with a disability that precludes them from using
a mouse say that they prefer to have the link *visible* for their use.)
regards.
--
Jake
| |
| Toby Inkster 2004-08-21, 4:33 am |
| 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>:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title><abbr> test for MSIE</title>
<style type="text/css">
abbr,acronym {
font-weight: bold;
font-size: 150%;
color: red;
background: yellow;
}
</style>
<div>
<abbr>abbr</abbr>
<acronym>acronym</acronym>
</div>
Guess what it does?
--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Now Playing ~ ./badly_drawn_boy/about_a_boy/01_exit_stage_right.ogg
| |
| Martijn 2004-08-21, 4:33 am |
| jake wrote:
> In message <cfnbgo$778$1@testnews1.home.nl>, Martijn
> <webmaster@NO_SPAMxw3b.nl> writes
> [snip]
>
>
>
> Yes, that's it.
>
> Could still use a couple of headings in the Nieuws section, though.
>
> Yes, that kind of thing.
>
> <a href="#content" title="Straight to the content">Skip to Main Content</a>
>
> at the start of the items to be skipped.
>
> And something like:
> <p id="content"><a name="content"></a> .............. </p>
> or
> <h2 id="content"><a name="content"></a> ............ </h2>
>
> where the main content starts.
>
> If you want to make the link invisible to graphical browsers, but be
> heard by screen-readers, et al. add this to your CSS:
>
> .hideit {
> position : absolute;
> left : 0px;
> top : -500px;
> width : 1px;
> height : 1px;
> overflow : hidden;
> }
>
> and mark up the link as:
> <a class="hideit" href="#content" title="Straight to the content">Skip
> to Main Content</a>
>
> (Note: However, people with a disability that precludes them from using
> a mouse say that they prefer to have the link *visible* for their use.)
>
>
>
> regards.
Ok so I did this , I downloaded IBM Homepage Reader to see how it works
and it seems to work but..
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?
About the <abbr> or <acronym>:
the IBM reader does not care if its <abbr> or <acronym> it just
disregards them completely :(
--
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 <pan.2004.08.15.12.31.48.494265@tobyinkster.co.uk>, Toby
Inkster <usenet200408@tobyinkster.co.uk> writes
>jake wrote:
>
>
>Nah-uh. Try this in IE <URL:http://examples.tobyinkster.co.uk/test-abbr>:
>
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
>"http://www.w3.org/TR/html4/strict.dtd">
><title><abbr> test for MSIE</title>
><style type="text/css">
> abbr,acronym {
> font-weight: bold;
> font-size: 150%;
> color: red;
> background: yellow;
> }
></style>
><div>
><abbr>abbr</abbr>
><acronym>acronym</acronym>
></div>
>
>Guess what it does?
>
Displays 'abbr' and 'acronym' ?
'abbr' in the users' default text form?
'acronym' as 150% red text on a yellow background?
regards.
--
Jake
| |
| Edwin van der Vaart 2004-08-21, 4:33 am |
| Edwin van der Vaart wrote:
> Martijn wrote:
>
>
>
> G'day.
>
>
>
> I'm also a Dutchman. The spell checker does work ;-)
>
>
>
> 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.
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.
Perhaps add a new question to the help/FAQ:
"Hoe kan ik de tekst vergroten of verkleinen?"
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Under construction
| |
|
| In message <cfnq9o$m1a$1@testnews1.home.nl>, Martijn
<webmaster@NO_SPAMxw3b.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.
--
Jake
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|