next »

[amos]

Are any of you handy with CSS?

I'm having trouble with positioning. The site can be seen at http://www.richardssom.com/index.htm

As you can see, when you roll over sections of the page, text appears at an apparently arbitrary position relative to the link. I want to make the text for all the links appear in a common place on the page. How would I go about this? (Feel free to look at the source code, don't just guess).

By the way, please visit and tell me what you think about the site even if you know nothing about web design. I need some constructive criticism!

Thanks in advance,

- Amos

[Leon1464]

I got only server not found page, maybe a broken link?

[koji]

Hi amos and Medard

I like this kind of web page.
I'm using Opera. and I could see the page. It's working well.
My one of colleague knows very much about css. I sent an email to har and asked har help.
But I'm not sure she's checked the page or not. I'll ask har tomorrow.

@Medard
I could see the web page. so, You'd better try again.

Cheers,

[amos]

Thanks very much, Koji. I eagerly await her help!

Leon, I'm not sure why that happened. Try visiting the holding page by going to www.richardssom.com, and if that responds, then go to the page I linked above. Thanks.

[pooh]

Hello, amos. I'm Koji's colleague.
It still in time?
I'm not good at English, so my explanation might be incomprehensible...
Please question if it is not possible to understand.

I look your HTML and CSS, and I found a problem.
"position:absolute" decides the position of the element by the outside elements whose the "position" attribute is other than
"static", and the <SPAN>(you want to display its text to common area, don't you?) is included <A> and <div> whose the "position" attribute is "absolute".
So the position of the <SPAN> is decided by the position the <A> and <div>.

You set "position:absolute; top:XXpx; ..." to the <A> and <div>(to be precise, the id, #link_hi, #link_te...etc), but you want to specify the position of <IMG> in really, don't you?
If you want so, please try to set those styles to not the <A> and <div> but the <IMG>, won't it go well?

Good luck :-).

[amos]

Thanks for chasing this up. In fact, I comprimised having all of the text in one location and chose careful places for each <span>, which I'm happy with. None-the-less, I can see what the problem was now.

Thanks again,

- Amos

[Leon1464]

Hi, I guess it was just a host server problem, pages are working perfectly. I don't know that much about CSS to give you any advice, but I like the concept. The pages are user-friendly, and they look good.

[amos]

Thanks for your feedback, Leon. Much appreciated.

Was it obvious how to close the 'popup' subpages?

[Leon1464]

I couldnť remember how I closed them so I guess it is intuitive enough  If you think it is not quite obvious how to close them, you can put an X mark next to the Close. Like [CLOSE X], or maybe make it in different color.

[amos]

No, if you did it by instinct then that's good enough for me. Cheers.