9 replies [Last post]
adipalaz
adipalaz's picture
Offline
Regular
Last seen: 10 years 51 weeks ago
Timezone: GMT+2
Joined: 2007-05-03
Posts: 19
Points: 0

Hi
I am posting a link to a website I have created, any feedback will be appreciated.

http://fttlab.awardspace.com/

I only have a few browsers here to check it on - IE6, FF2 and Opera 9.02. A friend told me the site looks OK in IE7.

Could you, please, check the site in Safari, Mac/Linux browsers, etc?

Has someone IE6 and IE7 running on a single machine? Do you use Virtual PC or some other method?

Many thanks

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 14 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

A nice professional looking

A nice professional looking site with valid and semantic coding. I really like the color scheme, and about the only criticism I can come up with is that it isn't clear what the pictures accross the top of the page are for. they have hover effects like they were hyperlinks but nothing happens when you click on them.

It's not clear from the pictures what each link is likely to be there for and you don't tell us when we click on them either. And you don't have any thing except a space in the alt attributes, an acessibility no-no. Also when you look at the site without CSS even the pictures disappear and all you see is squares that look like they link to something but don't.

Other than that, which assuming you mean to put something in the links and just haven't gotten to it yet is a fairly minor criticism, it looks pretty good.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

adipalaz
adipalaz's picture
Offline
Regular
Last seen: 10 years 51 weeks ago
Timezone: GMT+2
Joined: 2007-05-03
Posts: 19
Points: 0

Hi Ed, Thank you for your

Hi Ed,

Thank you for your comment. I am very glad that you liked my site. The pictures across the top of the page are requested by the client. They are not links to anything, as far I have understood, they represent the different aspects of the minerals they use for the method and are strictly addressed to the professionals. I have asked the client and he said it is meaningless to put something in the alt attributes, because it will need a long explanation. I can not figure out how to put a long explanation for CSS-off and for screen readers.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 14 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

adipalaz wrote:The pictures

adipalaz wrote:
The pictures across the top of the page are requested by the client. They are not links to anything, as far I have understood, they represent the different aspects of the minerals they use for the method and are strictly addressed to the professionals. I have asked the client and he said it is meaningless to put something in the alt attributes, because it will need a long explanation. I can not figure out how to put a long explanation for CSS-off and for screen readers.

Well now on a second look at that part of your code I have to withdraw some of my compliments. I still really like just about everything on the page but that section, I am sorry to say, is really really bad.

I believe this is the code for the section in question:





  • That's just evil. First it is unsemantic, and the DIV wrapper is unnecessary as you could just class your UL instead, but that's a fairly minor point. What's really bad is the use of blank images as place holders for the actual image, which you are obviously bringing in with CSS.

    And then you are styling these to look like regular hyperlinks, but when the user quite naturally clicks on them nothing happens. It's wrong to mislead users like that, what you have is a section of your page that actually lies to the user. That's one of the top ten web mistakes on any list. It would drive me away from a site not to return.

    What you should have in the LI's is a regular link to an image file. Either it's content or it's not. In this case it's content, so the images belong in the html, not in the CSS. And if you are going to style them as links then they should darned well link to something, dangit! Even just to the image file itself, but preferably to another html page that has the image in it too, along with an explanation.

    And that's about the worst excuse for misusing the ALT attribute I've heard lately. It would be better to simply leave out the attribute altogether so the validator would complain about it than do a cheap workaround this way. In my opinion.

    It's all too bad because otherwise it's excellently done, but that section is just horrible and you should be educating the client as to why. At least try to get a compromise that isn't quite so evil.

    Sorry to be so harsh, but the site is otherwise so promising...

    .. but I could be wrong.

    Ed Seedhouse

    Ed Seedhouse

    Posting Guidelines

    Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

    adipalaz
    adipalaz's picture
    Offline
    Regular
    Last seen: 10 years 51 weeks ago
    Timezone: GMT+2
    Joined: 2007-05-03
    Posts: 19
    Points: 0

    css rollover images

    Ed, you are right for the extra DIV, I fixed this. But relax, it's not so bad, the word “evil” is scaring. The rollover images don't belong in the content but in the CSS because they are put there in place of a banner background image just for presentational purposes. I’ll speak to my client about this. And I’ll appreciate any advice for making better this banner with css rollover images that don’t link to anything and that don’t belong in the content.

    Any other feedbacks? How does it look in Netscape?

    Ed Seedhouse
    Ed Seedhouse's picture
    Offline
    Guru
    Victoria British Columbia
    Last seen: 1 year 14 weeks ago
    Victoria British Columbia
    Timezone: GMT-8
    Joined: 2005-12-14
    Posts: 3570
    Points: 675

    adipalaz wrote:Ed, you are

    adipalaz wrote:
    Ed, you are right for the extra DIV, I fixed this. But relax, it's not so bad, the word “evil” is scaring.

    Maybe a bit too strong, but I was trying to get your attention, and not all that much too strong, in my opinion. And it's just one person's opinion.

    Quote:
    The rollover images don't belong in the content but in the CSS because they are put there in place of a banner background image just for presentational purposes.

    CSS is for styling. If something is going to have a behaviour, as your pics do on rollover, they belong in the html because they are not background if they have a behaviour and especially if they imitate hyperlinks.

    Best, I think, would be to combine them in one image and present them in the source as a header at some level with an image replacement technique to hide the html text.

    Quote:

    I’ll speak to my client about this. And I’ll appreciate any advice for making better this banner with css rollover images that don’t link to anything and that don’t belong in the content.

    The proper way is just don't do it, in my opinion. Or do it as a combined header element with text replacement in CSS Backgrounds shouldn't act like hyperlinks. Rollover effects generally signal "link" to users. If you are going to have them in an actual anchor element then they must link to something. Maybe tell your client that he doesn't want to be bombarded with emails saying the site's links aren't working.

    Also, show him how it will look to folks with CSS turned off, and maybe demo it in an audio browser.

    .. but I could be wrong.

    Ed Seedhouse

    Ed Seedhouse

    Posting Guidelines

    Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

    adipalaz
    adipalaz's picture
    Offline
    Regular
    Last seen: 10 years 51 weeks ago
    Timezone: GMT+2
    Joined: 2007-05-03
    Posts: 19
    Points: 0

    Problem in Netscape!

    Hi,
    I hope to have some feedbacks about how the site looks in different browsers.
    Does it look OK in IE7, Mac/Linux browsers, etc.?
    I have checked my site only in the following browsers: Firefox 2.0, IE6 and Opera 9.02.

    I’ve just installed Netscape 8.1.3 and when I opened my site, I noticed that when I move the mouse over some of the hyperlinks, the container block of the text in the right site moves upward for a second. Can't figure out what is wrong! Can someone help me with that?

    adipalaz
    adipalaz's picture
    Offline
    Regular
    Last seen: 10 years 51 weeks ago
    Timezone: GMT+2
    Joined: 2007-05-03
    Posts: 19
    Points: 0

    There is a segment with

    There is a segment with overflow:auto. In the CSS it is named - .scroll. In fact the problem is with this segment. With overfow:hidden; the problem disappears.

    I suppose the same problem with oveflow:auto; appears in Safari, IE Mac, etc. Can you, please, check out my site in this browsers?

    Does someone know a workaround for this problem?

    adipalaz
    adipalaz's picture
    Offline
    Regular
    Last seen: 10 years 51 weeks ago
    Timezone: GMT+2
    Joined: 2007-05-03
    Posts: 19
    Points: 0

    OK, I found that the

    OK, I found that the position:absolute; of this segment fixes this bug, but there appear other problems. Is there another solution?

    adipalaz
    adipalaz's picture
    Offline
    Regular
    Last seen: 10 years 51 weeks ago
    Timezone: GMT+2
    Joined: 2007-05-03
    Posts: 19
    Points: 0

    Problem solved

    OK, I solved that problem in Netscape, but can you, please, check out my site in IE7, Safari, Mac/Linux browsers?