4 replies [Last post]
compmatt
Offline
Regular
Last seen: 17 years 4 weeks ago
Joined: 2003-11-05
Posts: 28
Points: 0

I came up with it today, hows it look? (100% CSS)

http://www.templeofdagon.com/

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 17 years 3 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

New layout for main site

Nice

A lot different from where it started.

The only thing I am not big on is the small font. Its a pet peeve of mine.

To all out there that use small fonts -

There is no doubt that a small font, especially when there is a lot of text, actually looks really good. Neater, with a near graphical aspect to its look as it forms a semi transparent block. And best of all you fit much more on the page.

But so much harder to read, In most cases I do not even bother. Remember the purpose of text or data is to get information to your reader, not make them struggle to get it.

lol Day gets off his soapbox.

Regards

The only way to learn is to do it yourself

dougd182
Offline
newbie
Last seen: 16 years 43 weeks ago
Joined: 2004-02-05
Posts: 4
Points: 0

New layout for main site

Daybreak is right on...

Looks much better than previous design(Drunk. The only issue is the size of the text. Sportin the custom 404 page I see... good stuff

PezIbc
Offline
newbie
Last seen: 16 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-02-16
Posts: 6
Points: 0

New layout for main site

They're right about the fonts. You may be ok on this site, but going forward I would recommend ems, as they will scale, while px are absolute. Site looks fine, except if anyone zooms in to get al larger view, the text breaks out of the containing box, and is almost unreadable against the dark background.

I would add some more CSS shortcuts. There is a lot to be gained there.
Example:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal; ....
Try;{ font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

Example:
header {
height: 80px;
padding: 0px;
margin-bottom: 10px;
background-color: #9FD8B8;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
background-position: left;
}
Try: {background: #9fd8b8 url(images/banner.jpg) no-repeat;}
caps for the color code are a bad habit that won't validate when you raise your standards toward XHTML. background-postion: left is a standard default, and generally unnecessary.

Liquid design is the future. Pixels and other absolute measurements are often highly restrictive.

Nicely done though.

pavansut
Offline
newbie
NJ
Last seen: 16 years 42 weeks ago
NJ
Timezone: GMT-5
Joined: 2004-02-16
Posts: 8
Points: 0

templeofdagon

Hi, On the page below, the text in middle column seems to run beyond the white background into the green space.

http://www.templeofdagon.com/webdesign/beingnice.htm

Nice site.

Sunil