Ooph… Quadruple whammy on the issues – I mean, apart from the TWO MEGABYTES of images, illegible color contrasts (orange on white? Really? REALLY? REALLY…) and fixed metric fonts that immediately caught my eye, making it painful to watch load and even more painful to try and use… sending me DIVING for the zoom almost instantly (which isn’t an option on the netbook)…
Once again I see the “but I can do it in photoshop” nonsense in action. That wood background is too big, it forces you into a fixed height container for no real good reason, the image placements have to remain static basically crapping all over the text next to them, and the sidebar isn’t actually large enough for it’s content – which without even looking at the code I suspect is part of the layout issues I’m seeing.
But of course, going into the code is where that quad whammy comes into. Turdpress + jquery for nothing + static scripts in-lined in the markup + comment placements that are pretty much GUARANTEED to trip rendering bugs in IE and may also cause FF issues (yes, I said COMMENTS causing rendering bugs – that’s not a joke!)
… centering the footer (which it is centered… to the column it’s in DOM-wise) is the LEAST of the issues I see here.
The biggest problem being that it’s a ungodly 2.3 megabytes total… hell, at 318k your home.png is more than DOUBLE what I would allow for a single page on a site! (that’s HTML+CSS+Images!)
First order of business should be to get markup that doesn’t suck – unfortunately turdpress basically takes a giant dump all over that idea, which is why you need to write your markup WITHOUT wordpress present, then chop it up into that steaming pile of…
Going through, I have no idea what that “entry-content” part is, apart from it being content cloaking that no script seems to be using. Oh wait, that’s the actual page content… before the menu… SIGH you’re content order is making the code for the layout needlessly complex…
I mean even simple stuff – like these “nav-divider.jpg” images that have NO BUSINESS IN THE HTML!
… and of course the wordpress bull crapping all over things like the menu… can ANYONE give me a SERIOUS reason for this nonsense apart from COMPLETE ineptitude at HTML/CSS on the part of the people who wrote wordpress in the first place?
id="menu-item-31" class="menu2 menu-item menu-item-type-post_type menu-item-object-page menu-item-31"
MEIN GOTT, what idiocy!
So, gutting out all the wordpress bloat/scripting for nothing so we can work on it and getting it into some semantic markup we end up with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
content="Premier design builder of custom, hand-crafted residential and commercial playgrounds"
Asheville Playgrounds - Premier design builder of custom, hand-crafted residential and commercial playgrounds
<span><!-- image replacement --></span>
<div id="contentWrapper"><div id="content">
Like us on Facebook!
Asheville Playgrounds is North Carolina’s premier design builder of custom, hand-crafted residential and commercial playgrounds. We also craft tree houses, gazebos and other outdoor structures. We develop each design with your dreams in mind, and often mimic the architectural style of your house or church. At Asheville Playgrounds, we build each unique playground with materials that are time-tested for strength, durability and resistance to the elements. These materials include naturally rot-resistant locust wood, pressure-treated lumber, recycled plastic lumber and composite decking. Each custom creation is then expertly installed at your location.
Have some fun! Explore our website. Enjoy the pictures in our gallery. And when you’re ready, contact us to learn how we can get started on your Asheville Playground. (You can even check out our online store for do-it-yourself playground kits, slides and accessories!)
<!-- #homeContent --></div>
<!-- #content,#contentWrapper --></div></div>
<li class="gallery"><a href="/gallery/">Gallery</a></li>
<li class="aboutUs"><a href="/about-us/">About Us</a></li>
<li class="residential"><a href="/residential/">Residential</a></li>
<li class="commercial"><a href="/commercial/">Commercial</a></li>
<li class="churches"><a href="/churches/">Churches</a></li>
<li class="onlineStore"><a href="/online-store/">Online Store</a></li>
<li class="playgroundSafety"><a href="/playground-safety/">Playground Safety</a></li>
<li class="contact"><a href="/contact/">Contact</a></li>
543 Short McDowell Street<br />
Asheville, NC 28803<br />
phone 828 225 5868<br />
toll-free 888 298 5868 <br />
<!-- .contactAddress --></div>
<!-- #sideBar --></div>
<li><a href="http://ashevilleplaygrounds.com" class="first">home</a></li>
<li><a href="/about-us/">about us</a></li>
<li><a href="/online-store/">online store</a></li>
<li><a href="/playground-safety/">playground safety</a></li>
All designs and design concepts are the property of Blue Ridge Builders, LLC DBA Asheville Playgrounds © 2006-2011 Asheville Playgrounds
Website design by <a href="http://s3s3s3.com/">The S3 Agency</a> |
web development by<a href="http://www.charlotteswebservices.com/"> Charlotte's Web</a>
<!-- #footer --></div>
<!-- #pageWrapper --></div>
+/- 5%. Gimme a while to re-optimize all the images, replace a few as being “but I can do it in photoshop” nonsense, and belt out a sample CSS for ya.
– edit – actually, probably an hour or so, need to get breakfast first.