5 replies [Last post]
Santo
Santo's picture
Offline
Regular
Last seen: 17 years 29 weeks ago
Joined: 2005-05-11
Posts: 11
Points: 0

This is my first only-css-based-design-webpage. It is my official contribution to the zen garden (hope it will pass)

I know the page dosen't expand when scaling the fonts in Mozilla/FF... didn't care about that.

The font size is fixed so it doesn't scale in IE.

I'm sure the css could be written better and more compact but it works. It looks good in Mozilla/FF, IE6/win, IE5.5/win (some minor differences), IE5.01/win (some minor problems).

I did not care about other webbrowsers since the restriction for Zen garden it that it works in the above mentioned ones.
All of you with other webbrowsers and plattforms, how does it look and how does it work?

I'd appreciate some (a lot) feedback on the code.

http://www.linkoping.bonet.se/life/MPT2/

Thanks,
Santo

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 13 years 46 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Site check!

It's pretty, but gets eaten alive by text resizing. Also, loading time is very slow, 50 seconds on a 56k connection. Consider optimizing your images.

- Antibland

briski
briski's picture
Offline
Elder
London
Last seen: 10 years 24 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

Re: Site check!

Santo wrote:
I know the page dosen't expand when scaling the fonts in Mozilla/FF... didn't care about that.

The font size is fixed so it doesn't scale in IE.

I'm reasonably sure that this sentement will almost certanily mean it won't be accepted for Zen Garden alas.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Re: Site check!

briski wrote:
Santo wrote:
I know the page dosen't expand when scaling the fonts in Mozilla/FF... didn't care about that.

The font size is fixed so it doesn't scale in IE.

I'm reasonably sure that this sentement will almost certanily mean it won't be accepted for Zen Garden alas.

Yeah, that's actually one of the prerequesites for becoming an official entry.
I think your problem is with the absolute positioning of a lot of elements. You should be able to achieve what you want without absolute positioning, then all your elements would move down the page when you expand the text.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Santo
Santo's picture
Offline
Regular
Last seen: 17 years 29 weeks ago
Joined: 2005-05-11
Posts: 11
Points: 0

Re: Site check!

Tyssen wrote:

Yeah, that's actually one of the prerequesites for becoming an official entry.
I think your problem is with the absolute positioning of a lot of elements. You should be able to achieve what you want without absolute positioning, then all your elements would move down the page when you expand the text.

Ok, you're right about that so I've changed it. There is a hovering problem when hovering the links "next designs" and " FAQ". Someting expands but I can't see what it could be.

Anybody that know what that problem could be?

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 8 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

Site check!

The only two links that make the gap appear seem to be the only two in them groups of links with the non-breaking-space after the anchor tag.

</a>&nbsp;</li>

Could be a coincidence. ????????