View Full Version : local organization site

10-28-2005, 09:41 PM

I went and redesigned these peoples site.
uh.... not QUITE done yet, but as far as i think i go untill feedback from yall or them.... origional site is here: http://peaceedcenter.org/

...thats about it.
the "action" page is not fr real yet.

my redesign is here:

10-28-2005, 11:10 PM
Much better than the original site. You have created a very warm and nice site, well done.

On the homepage the text “The Peace Education Center (PEC) is a non-profit association made up of community….” Would look better if was a fraction lower from the header.

Is it just me but when you click on another button the menu moves slightly to the right?

10-29-2005, 12:37 AM
Is it just me but when you click on another button the menu moves slightly to the right?

It is in IE only.
Here the buttons on the "Home"page is displayed a little farther to the left than on the other pages.

10-29-2005, 12:52 AM
In the mark up, you've got the headings for "Location", "Hours", and "Contact" placed after their respective content blocks. That's not good. I can see why you did that, but it's not good. Just use relative positioning and bottom: 0 to place those headers at the base of their boxes. Alternatively, use images and background-position: bottom left.

10-29-2005, 01:29 AM
I'll point out little things that could be done and then page by page what needs fixing.

home page:

needs more space before the Information header.
Make your own buttons for the validation. The bright yellow default doesn't look good with their colors.

Mozilla: fine
IE6: under "working for a better world" there needs space.


No right margin at all.


IE6: same spacing probelm as the home page


again no right margin. the pic slides all over the poor bird. You need to add a float clearer in all the paragrphs so the bottom border doesn't lay IN the rounded boxes.

Moz: your list isn't obeying the left margin. Are you floating it?
IE6: same space needed at top. Is your list an OL? IE thinks so. A whole buch of 1's instead of o's. "MSU Peace and Justice Specialization:" box is too small for the words and is repeating.

The deashed or dotted border looks different in IE than Moz of course. Either way I'm not too kean on it.

wish list:

margins/lists seem to be working fine. your getting different bullets on IE and Moz though. They are also different from the bu;;ets used on the "who" page. Kind of confusing.

In your P's that have the money thing in the bottom right I would add some bottom padding or a <br> in there to get the bottom border off the text.


that page looks completely different on Moz and IE.

IE: needs space after the slogan like the home page does. The form is breaking at the top.

Moz: I like the way the form is laying out in IE better. All lined up. And the "contact pec" should probally be p.e.c. and I like the way it's spaced off the left border like IE is.

I'd change the whole thing at the top.

Something like:

We are always happy to hear from the community. Feel free to contact us with any questions or if you are able to help us. We always need help so please check the Wish List or the Donations Page.

Contact Info:

Mailing Address:


(then the contact form)


the bottom right curve of the footer is off. It goes out too far to the right.
I didn't look at the code, but I would just place a floated block around the birds wings and unfloat the content so that none of the words lay on top of the bird image.

10-29-2005, 05:12 PM
I love the design. Very peaceful. Great job.