Website Project, For My School - Feedback? Options

[CrotchetTheLeper]

Okay, so, at my school we have this program called EXPAND. I'm in it, and for my project this year I'm making a website for my school. I've been working with my teachers and stuff, and here's what I've made so far:

Click here to see it...

It's on freewebs for now, just so I can show my teachers (and you) what I've done so far before the school hosts it.

IT'S NOT FINISHED!

The links that are crossed out don't work. The "High School" puzzle piece leads to nothing, and the 7th&8th grade page isn't done.

But the rest is....
Tell me what you think...

[Maccabee]

Its actually really cool! and fun and I like it! A few thoughts...The purple puzzle pieces blend with the background a lot. Maybe add a border to them a drop shadow right behind them.
Also im not such a fan of the background. something a little brighter and not like a pattern would be better. The whole thing is a little thin but thats ok. Im not sure if you know how to do this kind of stuff but it would be better if the text section enlarged as more text was entered. Instead of have a scroll bar. That is relatively easy to do. Also you could make the text section in only html/css. So you wouldnt have to use an image that takes a few seconds to load. and also at the bottom of the text put some padding. Right now the text is like touching the bottom.


I just realized that the whole thing has no scroll bar! Like the whole page!
Make sure you fix that! try
body{
overflow:auto;
}

[CrotchetTheLeper]

Yeah I was thinking about adding a drop shadow to the puzzle peices... It's gonna be a pain in the ass to go back and change it all though, haha.

& Yeah I dunno why I made it so thin - it probably wasn't a good idea in retrospect but it doesn't look too bad.

And I originally had the entire content section scroll within itself (instead of the whole page) if you know what I mean... Do you think I should change it back? I was on the fence about it.

& Yeah, the whole no-scrollbar thing is totally freeweb's fault - it works fine on my computer, but sometimes when I open it in freewebs it doesn't have one (and then sometimes it does?) I dunno, hahaha.

Thank you for the advice

[Maccabee]

Ok i got ya. No let the whole page scroll.
O ya. it would be a paon cause your using html. Do you know about includes? Cause then you just change one file and it changes all the pages. But freewebs doesnt support php. I can give you a sub domain. My server supports php.

[schizo]

It's cute, especially for a school's web page. Those are usually the dogs of the internet world. D:

My only issue is with all the business behind the big EXPAND! part. The brushes and little knight look like they were stretched a little more than they should have been.

[manny-the-dino]

I think it's a really cute idea. I love the colors & background. But yeah the knight looks low in image quality. Maybe you should add some rollovers to the puzzle pieces. Like when you hover, they turn. It looks great though! Is the bottom suppose to be cut off like that?

click to enlarge

[Maccabee]

^Nope. For some reason its not showing scroll bars. If you use the arrow keys down it will scroll down.

[manny-the-dino]

Ohh okay. Still doesn't work for me. It goes down in Firefox but not in Safari. And the purple looks lighter in FF.

click to enlarge

Me & my screenshots. haha

[Medi]

The reason for the non-scroll is because the page was set up with position:abosolute; For proper results with scrolling the page should be using position:relative;

[Maccabee]

CODE

body {
background-color:#ffffff;
background-image:url("http://img5.imageshack.us/img5/4081/patterrrrrrrrrrndt9.jpg");
background-position:center center;
background-atatchment:scroll;
background-repeat:repeat;
overflow:hidden;
}

That is your css for the body tag. overflow:hidden; is what is hiding the bar. Set it to auto.

EDIT:

I took the images and code and made some changes that I thought looked better. You can just take the images and source if you want.
http://wefuze.com/cb/forums/expand/
Also I would suggest moving to php and and not using divs on websites. Myspace layouts is a whole different story.

[fixtatik]

Also I would suggest moving to php and and not using divs on websites. Myspace layouts is a whole different story.

there's really no need to not use divs. my site is built with div elements, and i've seen some pretty amazing sites built using tables. a div is just a container.

but i digress...to crotchet: argh! take advice of the title, and expand. it's way too thin. i'm not so sure about making everything center aligned. i feel like i'm reading a poster written on a cigarette rolling paper. other than some minor changes you could make here and there to spruce it up a bit, it's amazing compared to other school sites, especially my old one.

[Maccabee]

Divs are fine but he's using position absolute and placing them.

[Melie]

holy crap! it's monroe-woodbury!!
i went to NFA! <---that was YEARS ago

i love the purple but imo i would want the main content to be a little bit wider.

[CrotchetTheLeper]

Holy crap, thanks for all the input, guys.
Here's what I'm definitely going to change:

I already fixed the scrollbars - I have no idea why I had it set to "hidden," that was just a screw-up on my part.

Also, I'm definitely going to add a drop shadow to the puzzle pieces, because it looks much better, and less... Flat.

I'm also going to make the content area a little wider. And probably change the background - jcp, I might use the one you suggested, I like it a lot, it's very subtle.

Also... I think when the site is finished and ready to be hosted by the school, I might do that whole "includes" thing. Problem is, I have no idea HOW, although, I've heard of it before and was thinking of researching it.

I MIGHT do rollovers - we'll see if I have time. The whole site needs to come together pretty soon, so, I've got to manage my time. Perhaps I'll add them, eventually.

[deteam]

looks cool but i think the sides are to empty . . when u click on 5th grade or w.e. everything is in the middle and the sides are kinda plain . . .

good job though

Stay Up
-1-
Subliminal