How does this look?

Hello,

I've just re-vamped my home pages, and I've got them looking fairly neat in
IE 5.1 on a Mac. However, I'd be interested in hearing how they appear in
other browsers and on other systems.

Here's the URL: http://www.japanesetranslator.co.uk/test/

Let me know what you think!

Cheers,

Phil

--
Philip Ronan
phil.ronanzzz (AT) virgin (DOT) net
(Please remove the "z"s if replying by email)

On Tue, 03 Feb 2004 01:42:23 +0000, Philip Ronan
<phil.ronanzzz (AT) virgin (DOT) net> declared in alt.html.critique:

Here's the URL: http://www.japanesetranslator.co.uk/test/

Nice, clean look. :-)

The links in the body (Translation, Typesetting, etc) should be
underlined so I can actually tell they are links.

Your HTML validates, but your CSS has a lot of errors. You should fix
those.

There is absolutely no way you need to (ab)use tables for layout on that
site. You could probably even get a CSS layout to work in NS4.

Accesskeys hinder accessibility - get rid of them.

On the Translation page you mention your Contact Page, but it isn't a
link.

Don't use "click here" for link text ("Click here to visit the DCJS
website.").

Why is the contact page not styled like the rest of the site?

HTH

--
Mark Parnell
http://www.clarkecomputers.com.au

Philip Ronan wrote:

Hello,

I've just re-vamped my home pages, and I've got them looking fairly
neat in IE 5.1 on a Mac. However, I'd be interested in hearing how
they appear in other browsers and on other systems.

Here's the URL: http://www.japanesetranslator.co.uk/test/

Let me know what you think!

Cheers,

Phil

I get a horizontal scroll bar no matter how wide I make the page.

Philip Ronan wrote:

Here's the URL: http://www.japanesetranslator.co.uk/test/

Well, ehhh, it's a bit dull :-(
Remarks:
- Like Mark already mentioned: Use div boxes instead of tables
- Text is not scalable (IE: View-> Text size -> Larger)
- IE6 OK
- IE5.5 Horizontal scroll bar
- IE5.0 bad: http://www.nicoschuyt.nl/test/ronan_ie50.png
- IE4 Acceptable
Good luck!
Nico

On 04.2.3 2:33 AM, Mark Parnell wrote:

Here's the URL: http://www.japanesetranslator.co.uk/test/


Nice, clean look. :-)

The links in the body (Translation, Typesetting, etc) should be
underlined so I can actually tell they are links.

That's a good point.

Your HTML validates, but your CSS has a lot of errors. You should fix
those.

Wow, I wasn't expecting that. Most of the errors came from stuff lifted
straight out of the CSS2 spec. It turns out that "@media speech" is now
"@media aural". And I missed out a semicolon. The validator is still
advising me to provide a generic alternative to "sans-serif", which is
weird.

There is absolutely no way you need to (ab)use tables for layout on that
site. You could probably even get a CSS layout to work in NS4.

I tried that to start with, but ran into difficulties with the "Previous
Work" boxes on the right. What I need to do is specify a minimum pixel width
to accommodate the images, but let the box grow if the text is magnified.
Sticking it in a table helps to balance everything out. Ideally I'd use
"width:10em; min-width:90px", but "min-width" isn't widely supported yet.
And neither is "display:table-cell". If you have a neat solution to this,
I'd like to hear it.

Accesskeys hinder accessibility - get rid of them.

???

On the Translation page you mention your Contact Page, but it isn't a
link.

Fixed.

Don't use "click here" for link text ("Click here to visit the DCJS
website.").

Another good point.

Why is the contact page not styled like the rest of the site?

Bad HTML. Now fixed.

OK, I'll have another crack at removing the tables. I'll post back here
when/if I get something working.

Cheers,

Phil

--
Philip Ronan
phil.ronanzzz (AT) virgin (DOT) net
(Please remove the "z"s if replying by email)

On 04.2.3 5:53 AM, Disco Octopus wrote:

I get a horizontal scroll bar no matter how wide I make the page.

Me too :-(

But only in Internet Explorer. There's nothing but blank space off to the
right of the window, so I have no idea why this is happening.

--
Philip Ronan
phil.ronanzzz (AT) virgin (DOT) net
(Please remove the "z"s if replying by email)

On 04.2.3 7:40 AM, Nico Schuyt wrote:

Philip Ronan wrote:
Here's the URL: http://www.japanesetranslator.co.uk/test/

Well, ehhh, it's a bit dull :-(

I guess I was aiming for something "informative" rather than "entertaining".
My last effort <http://www.japanesetranslator.co.uk/> was a bit more
colourful, but I was getting tired of the clutter. I also wanted something
that would print out neatly.

Remarks:
- Like Mark already mentioned: Use div boxes instead of tables

OK, I'll have another crack at it.

- Text is not scalable (IE: View-> Text size -> Larger)

I just noticed the same problem in some older versions of IE and NS. Now
fixed (hopefully).

- IE6 OK
- IE5.5 Horizontal scroll bar

Can't seem to get rid of that :-/

- IE5.0 bad: http://www.nicoschuyt.nl/test/ronan_ie50.png

Weird. Looks like a problem with the text direction setting. I'll see if I
can do something about that.

- IE4 Acceptable
Good luck!
Nico

Thanks for your help!

Phil

--
Philip Ronan
phil.ronanzzz (AT) virgin (DOT) net
(Please remove the "z"s if replying by email)

Philip Ronan wrote:

On 04.2.3 5:53 AM, Disco Octopus wrote:


I get a horizontal scroll bar no matter how wide I make the page.



Me too :-(

But only in Internet Explorer. There's nothing but blank space off to the
right of the window, so I have no idea why this is happening.

no scrollbar in IE6.0, but I guess it's because of your
table width of 100%. Make it something like 95% and you'll
probably lose the scrollbar. Could also have to do with
margins and/or paddings on body and/or html, I suppose...


--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Philip Ronan wrote:

Hello,

I've just re-vamped my home pages, and I've got them looking fairly neat in
IE 5.1 on a Mac. However, I'd be interested in hearing how they appear in
other browsers and on other systems.

Here's the URL: http://www.japanesetranslator.co.uk/test/

IE6.0:
http://home.tiscali.nl/~elizabeth/Ronan.jpg
The other browsers (Firebird 0.6.1, NS 7.1, Opera 7.23) have
your name and title seperated, as I think it's intended to be.


--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Philip Ronan wrote:

snips

My last effort <http://www.japanesetranslator.co.uk/> was a bit more
colourful, but I was getting tired of the clutter. I also wanted something
that would print out neatly.

nks for your help!

Phil

actually I really like the visual impact of your last effort!

T.