11 replies [Last post]
rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

I would appreciate any/all comments on my new CSS design at
http://www.tcsnd.org/newsite/home.asp. I've managed to work out "most of the bugs". Areas of particular interest for comments are:
Overall Look - design, colors etc.

Is using buttons for navigation "old hat"?

How's it look in different browsers? I've tested with IE 5.5 and 6.0, NS 6 and 7 and Firebird. My copy of Opera broke and I haven't downloaded a new one.

Can the CSS be shortened?http://www.tcsnd.org/newsite/template.css

The menus use a list... you will notice that I have been able to get the selected main and secondary menu items highlighted using the body class attribute, BUT in order to get secondary items highlited I had to create a multiple menus, multiple secondary templates, multiple css definitions for secondary menus and body classes...
I'm thinking there must be a better way to do this? Maybe with asp http referrer? Would like some ideas here.
Thanks in advance for any suggestions, comments etc.

firstreflex
firstreflex's picture
Offline
Enthusiast
Brooklyn USA
Last seen: 13 years 40 weeks ago
Brooklyn USA
Timezone: GMT-5
Joined: 2003-10-21
Posts: 104
Points: 0

New Design - Please take a look- need input

Link doesn't work

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

New Design - Please take a look- need input

Oops... get rid of the period after .asp
http://www.tcsnd.org/newsite/home.asp

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

New Design - Please take a look- need input

Hi

Nice enough looking site. Speaking personally, there are some things that I don't like, because I like simple designs (but what do I know about taste?):

The big green letter followed by the text (oh, and close the gap between this and the semi-colon, but as this is just for display, what does it matter?).

Some of the text needs padding around it to move it from the edge.

The purple buttons stand out too much. Consider toning these down and making them more 3d rather than the white edge.

The design breaks in Moz/Firefox. The center block starts further down leaving a bar the same color as the sidebar background across the top of it.

I don't know if you are using float (left or right) in your style sheet, but Moz/Firefox requires you clear this before starting the next set of nested div's using <div style="clear:both"></div> (or an equivalent style sheet version using class or id). You may have to experiment with where to put them if this is the problem.

Finally, the model breaks if the page width is too narrow. I put in transparent gif's one pixel high and the right width to force the issue. Otherwise your logo disappears into the right side ether as the page gets narrower, and eventually the contents of the boxes break.

Trevor

kendude
Offline
newbie
Hartford, CT USA
Last seen: 16 years 47 weeks ago
Hartford, CT USA
Joined: 2004-01-13
Posts: 8
Points: 0

New Design - Please take a look- need input

Constructive Criticism:
The pictures that are part of the header are too small to be effective. Try something different with them, one large(r) photo is better than a few micro images. Also, the drop shadow on "This is the home page " looks blurry, the drop shadow is not complementing the text, but overpowering it.

It's good to see all the CSS is working.

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Hey Kendude

I had completely forgot about this post... the design has completely changed since back in February...
here's the NEW design.. let me know what ya think
http://www.tcsnd.org/fred/tcs/default1.asp

MaxJ
MaxJ's picture
Offline
Regular
Last seen: 3 days 23 hours ago
Joined: 2003-08-28
Posts: 36
Points: 0

Schools etc

I would have thought for a school you would want to make the site accessible for those with bad vision. When I increase the text size a couple of notches in NS7.1 the whole menu structure breaks down.

Max

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Bummer

MaxJ;
Sorry to hear that... this is just so frustrating, trying to design for "everything" is driving me nuts. So any ideas on what to do about this?

MaxJ
MaxJ's picture
Offline
Regular
Last seen: 3 days 23 hours ago
Joined: 2003-08-28
Posts: 36
Points: 0

Font size

This is obviously a difficult choice. If I look at the page with Internet Explorer 6 then none of the text can be resized. This is because you have fixed the font size in pixels. Other browsers such as Netscape 7.1 will still resize the text, but the whole design breaks down. I suggest you try this or another similar browser to see what happens.

IMO for any sort of community web site it is a major flaw if you can't resize the text. This hit home when a 90 year old friend of mine started using the Internet but has to have the text size large to be able to read it. So on a site like yours where the text can't be sized at all she would never be able to use it. I then thought, what's the point in designing a fixed style web site if some of your friends can't use it?

Changing it would mean quite a bit of work and testing to make sure the text still resized, reflows onto new lines if necessary, and doesn't overlap other text.

Max

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Thanks Max

I have looked at the design in different browsers and yes, gecko based ones do allow for txt size changes and it DOES break down after a couple of resizes. I orginally started with declaring a font % in the body and based all other fonts as %'s as well. Looked perfect in Firefox but the txt in the rh boxes was barely legible in IE. So I revised and used pixel in the body and %'s everywhere else...
I certainly understand your

Quote:
IMO for any sort of community web site it is a major flaw if you can't resize the text

So... I can come up with a design that appears to be cross-browser compatible, is standards compliant.... but does not allow for too much txt resizing... What to Do What to Do?
Will have to ponder this awhile, unless someone here has some brilliant insights.
Thanks again for pointing this out... it is one thing I SHOULD be more conscious of

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

New Design - Please take a look- need input

Hi

Putting font-size:100% in the body (or whatever) and THEN ems in the rest gets round text size changes problems.

Trevor

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 8 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Hey MaxJ - how bout now?

I made css changes... % in body tag and em's everywhere else...
Seems to work with IE at view text size largest and in gecko based browsers seems to work with 2 increases in text size... more than 2 breaks it but, on my screen 2 increases in size is VERY BIG