Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Cult Follower

macrumors 6502a
Original poster
Feb 20, 2007
541
0
North Dakota
I created this website.

I know it is laid out with tables, but I like them. If it would be simple to convert it to a DIV layout, help would be appreciated.

Thanks for your comments.
 
The header image feels a little to tall for me, but a job over all.

What font is used in the header-text? (EG: Welcome to Parshall...)
 
i too think the header is slightly to tall. and i like the general look.

Not sure about why you opted to use polygon hotspots for your menu?

anyone who wants to know what the font is i believe it is

Kabel Heavy -

6de1f15f5f4907fc060e39180161bdde.png


http://www.myfonts.com/fonts/linotype/kabel/heavy/
 
Looks good overall. Some suggestions,

* Header image too big, like others have mentioned.
* The text in the "Featured Story" is kind of small and also could use some more line spacing.
* The copyright image at the bottom lacks in contrast, hardly readable.
* Top navigation could use some rollover effects to spruce it up.
* The image for the photo gallery is clickable, but doesn't look like it would be.
* Some of the images (just a couple) are missing the alt attribute. When viewing the page with images disabled you can no longer see the tabs and there's no text to takes its place. It's an accessibility issue.
* I'm not big on using that big background image. If a user increases their font size too much it can no longer hold all the content. It breaks.

Lastly, you could fairly easily make this site with without tables. There's plenty of tutorials out there to help you on that venture when you're ready for it. It would really help in terms of cleaning up your code a little.
 
I'm a little slow in my reply, but thanks for the comments. I will work on implementing your suggestions. If there are any more please feel free.

Thanks.
 
Agree that the header is too tall, especially since it's static.

I also think you've used too many different fonts which leaves the page looking a bit cluttered and lacking cohesion. It would be better to reduce the number of fonts and possibly make better use of font families to tie all the content together. You've mixed serif and sans-serif fonts together and it makes the page look disjointed. I count six different font families on the main page alone and no font size consistency.

There's too little whitespace on the text-dense pages (like "About") and you could stand to have a bit more vertical whitespace around the headers and definitely more margin space on the sides (within the white container, not on the page as a whole).

Other pages, though, are not dense enough. Contrast the density of the About page compared to the density of the "Members" page. I realize that the content itself makes that a challenge, but it is a problem. Perhaps adding small bio pic photos to the members page, or expanding the amount of detail shown for each person listed could help add some weight to that page.
 
OK so i have made a few changes to the site, overall it looks pretty much the same.

I did make the banner shorter, and changed a few of the fonts on the home page. I'm still considering what i should do to add to the nav bar.

Also how would I have the background image to change length with the addition of text or the increasing of txt. size.

thanks for your help in advance.

Link
 
...I'm still considering what i should do to add to the nav bar.

Also how would I have the background image to change length with the addition of text or the increasing of txt. size... Link

Nav bar: You could use a CSS sprite option for the nav bar, which would be used for creating mouse over effects. The navigation should definitely be separate from the header image. Do a search on CSS sprites for more details. There are other options too. This would also keep you from having to use the image map, though if you keep the image map, you should reverse the order because someone tabbing through the links will start with the Contact Us link and work their way left.

Background image: In short, you would create separate images (one for top, sides, and bottom), which would then let the middle flow.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.