View Full Version : Please review adaptarkansas.org

06-06-2008, 04:18 PM

There's not much to this site, but I'd like your opinions anyway, especially because I'm incompetent at matters of style. :(

The page structure was requested from on high, as well as the logo. Left and right bg images are my own additions in an attempt to lessen dead space on wider monitors, but I'm uncomfortable with the right image.

Mapping tool page text layout is different from the rest. Just haven't changed the div. The iframe content is provided from elsewhere.

06-06-2008, 04:52 PM

- Fluid layout. The transparent PNG at the top in particular is a nice touch.
- Header flows into content area very nicely.
- Validates! Huzzah!

Could improve:

- Footer. Seems too deep. I would make it half the height and spread the content side to side a little bit. Different color divider bar? The white seems off when the rest of the site has nice tan accents.
- Center column width consistency. The home.php and aboutus.php center column are one width, and the maptool.php column is another, along with having lost the brown right graphical element.

Nice site!

06-06-2008, 05:02 PM
The design of it is overall pretty nice, especially coming from a person who is calling himself incompetent at matters of style!

If you have time to figure out how to fix the divs which look strange at small window sizes, you might want to.

The mapping tool page text div is larger than on the other pages.

06-06-2008, 05:43 PM
Thanks so far. Useful info.

msuffern: I agree about the footer. Just couldn't put my finger on the problem. Will change that at some point.

woop: Can you explain the small window size problem?

All: I didn't explain well enough in the original post about the mapping tool page. I converted the base template, but haven't implemented it on that page yet. Because of the requested full width iframe and toggled divs, it needs some slight additional structure. I just haven't done the rework on the divs and toggles yet to bring it into the template.

06-06-2008, 06:48 PM

you have css validation warning:


you can reduce the size of some pictures to increase loading speed:


remove the links to w3c validators, are uselles and slow down the site.

no meta information, keywords, description, robots, ....

I guess that is not finish, I will try later when you add the mapping tool if you still want a revision. I don't like that I must allow access from two domain and I avoid iframe, that as a first comment.

I'm incompetent at matters of style. :(

seems clear that you don't know me, :)


06-06-2008, 09:34 PM
Your home and about us pages have content only about 600 px wide or something, and the other page fill the screen better. It looks funny on a wide screen.

The mapping page is just inconsistent with the other two pages, but I like it better because of how it lays, but its missing the squiggly swirly image.

06-06-2008, 10:34 PM
oesxyl, all good points. Thanks.

no meta information, keywords, description, robots, ....
I hadn't even thought of it. Oops. :o I'll make a note to take care of that.

I don't like that I must allow access from two domain and I avoid iframe, that as a first comment. I don't like that, either, but it's the arrangement that was made.

jeremywilken: Yes, I'm not so sure about the narrow text div, either, but if w3schools' stats are to be believed, 70% of windows sizes are 1024 wide, and that's the target "native" width. I build on 1280 and it's not so bad full screen. But on wider screens, I expect it will look screwy. I don't know how to design around that, so I tossed in the images. I can stretch the text box, but not sure how wide it needs to be.

06-06-2008, 10:49 PM
I would just let it be more fluid like the layout.

06-07-2008, 01:02 AM
I download the page with wget and I try to play with layout and css.
seems you have many divs:
- #headerunder and #headerover could be merged into a single div.
- #MainMenu can be included in #wrapper and you can get rid of #tab
- you must 'clear: both' the float from ul >li, or use inline instead of float
- I guess you use empty div's for spacing, a better way is to do that from css
- try to get rid of position absolute, #bgpic-left you can make it bacground.
- add a global reset at top of base8.css:

* { margin: 0; padding: 0; }
this make browser to don't use own margin and padding for elements.

I'm lost in what you want to do with js, so I give up, :)

good luck, :)


06-07-2008, 01:47 AM
Thanks! I'll incorporate some of those changes.

I'm lost in what you want to do with js, so I give up, :)

Ha! It's mostly from the first version before I knew what they wanted to do. Can (and will) be cleaned up. Thanks, again.

06-07-2008, 06:10 AM
Very nice website;
the layout is very well done.
I have to agree with the footer although.