8 replies [Last post]
Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 14 years 42 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Hi guys,

Though it's not normal for me, I was given a comp and tasked with making a template that is accessible, standards compliant, and CSS-driven. I didn't have too much say in the creative aspect, colors, etc., I was just told to make it so. I did. I'm pretty sure I did okay with it. It does have a fair number of accessibility features, it is standards complaint, semantically-built, it should re-size twice assuming so start at default sizes. The index, due to its complex layout was a challenge. The main thing I'm looking for is to see how it holds up on other browsers and the legacy stuff. It was tested with IE6.2, IE7 Beta2, Opera 8.5, Netscape 7.6, and Firefox 1.0.7. Hopefully it doesn't break too much on Macs and whatnot.

http://green-beast.com/portfolio/drivetraffic/index.php
http://green-beast.com/portfolio/drivetraffic/innerpage.php

Variation:

http://green-beast.com/portfolio/drivetraffic/index2.php

Thanks in advance,
Mike

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Drive Traffic Template

You get internal scrollbars in FF on a couple of text resizes. Is that intentional? Also, on the inner page, why the inner scrollbar? There doesn't seem to be anything about the graphics making up the layout that wouldn't allow it to stretch as normal.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 14 years 42 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Drive Traffic Template

Yeah, the scroll bars are part of the design. The page height was specified like that so the scroll bars have to handle any overflow.

Thanks man.
Mike

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 13 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Drive Traffic Template

Hi Mike

It all looks fine on Camino, Safari 2.0.3 and Opera 8.02 on the mac.

(Can I admit to being really stupid and never having noticed before that you can't tab around a page in mac browsers like you can in pc browsers - is there a mac alternative that I've missed?)

I've noticed on Firefox PC when you tab past the top navigation and onto the logo it shifts up slightly and you get a gap in the red right hand border between the logo and the "usability" menu item

See attached image.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 14 years 42 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Drive Traffic Template

HellsBells wrote:
Hi Mike

It all looks fine on Camino, Safari 2.0.3 and Opera 8.02 on the mac.

(Can I admit to being really stupid and never having noticed before that you can't tab around a page in mac browsers like you can in pc browsers - is there a mac alternative that I've missed?)

I've noticed on Firefox PC when you tab past the top navigation and onto the logo it shifts up slightly and you get a gap in the red right hand border between the logo and the "usability" menu item

See attached image.


Hey there Hells Bells.

Thanks for the looking. Glad to hear it's holding up in those.

I don't know very much about Mac stuff in general, and don't have the equipment Sad In Opera, to get around you have to hit "A". Not sure if that would work in Mac.

I do know the design is broken in earlier versions. I'm sort of at a loss with it because it's bad enough that it'll make the content inaccessible.

The thing with the logo I was aware of. Oddly onclick is doesn't shift, only on focus, and they *should* do the same. I looked at it and couldn't figure our why it was doing that and gave up.

Mike

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 13 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Drive Traffic Template

Mike Cherim wrote:

The thing with the logo I was aware of. Oddly onclick is doesn't shift, only on focus, and they *should* do the same. I looked at it and couldn't figure our why it was doing that and gave up.

Mike

Ha! Glad it's not just me doing that then!

The problem does seem to disappear if you remove the overflow:hidden rule in the logo - but then that may affect something else I don't know about.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Drive Traffic Template

That problem only appeared for me the first time I loaded each page - ie once on index and once on index2. When I refreshed and tabbed over the image it was already in the higher position. Methinks, its maybe some buggy Firefox behaviour.

Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 14 years 42 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Drive Traffic Template

Thanks for the feedback guys. I just tweaked some stuff. Put better focus on most of the links by adding a background color. gettin' there Smile

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 38 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Drive Traffic Template

Hey Mike,

Nice site...especially like the onclick effect with the menu containing the arrows. Laughing out loud

- r