8 replies [Last post]
wendy
wendy's picture
Offline
Enthusiast
Boston, MA
Last seen: 12 years 3 weeks ago
Boston, MA
Timezone: GMT-5
Joined: 2005-01-31
Posts: 174
Points: 0

If anybody on Windows could run this and see if everything is ok, it would be great. I've tried hard to spec any margins/padding in nested divs hoping to avoid box model problems, but ya never know :?

http://www.horseink.com/ngtnew/ngpuffa.html

These Puffa pages validate (I have to admit I haven't yet gone through all the pages, but I promise I will) and are good in all my Mac browsers.

Thanks - and as always I welcome any suggestions! Laughing out loud

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

Windows site check? (back again...)

Looks generally fine - apart from the "Lipizzan Shop" page where the navigation disappears behind the horse image.

I have to say from a completely personal view I really don't get on well with the horizontal stripes - no idea why - vertical ones look fine to me but the horizontal ones make my eyes go funny (that's the medical term!).

I also think the header image could do with being a bit deeper, higher - you know what I mean.

I'd also add an focus effect for the navigation like the current hover effect.

Blimey - how many sites do you do in a week! You're so busy!

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

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 12 years 44 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

Windows site check? (back again...)

HellsBells wrote:
Blimey - how many sites do you do in a week! You're so busy!

Wendy, if you work so efficiently . . . you are going to clue in the entire world of the web developer's big secret . . . Then all the gurus will have to go back to work and not be able to help us out on the forum Laughing out loud

I was about to say . . . That horse image might be better suited as a background image, then it won't cover the navigation menu . . . Your banner does not contain any text . . . with styles disabled or with a screen reader, one wouldn't see the company name or other pertinent info.

Otherwise, great work once again. Smile

This is my big chance . . . yep, I blew it . . .

wendy
wendy's picture
Offline
Enthusiast
Boston, MA
Last seen: 12 years 3 weeks ago
Boston, MA
Timezone: GMT-5
Joined: 2005-01-31
Posts: 174
Points: 0

Windows site check? (back again...)

n8gz4ez wrote:
if you work so efficiently . . .

Not me! I'm into the template thing Wink It's started to occur to me that my sites are becoming distressingly similar, build-wise, and how dull my designs are...<sigh> Time to break out!! Laughing out loud

Quote:
That horse image might be better suited as a background image

Yup, indeed - but I want it to always be at the bottom of the leftcol, no matter the height. Am I being an eedjit and not thinking of a way to do that as a bg img? :oops: And absolutely right about the banner -- needs more sorting out, but just wanted to get this done to show client (was cutting corners Sad )

HellsBells wrote:
I really don't get on well with the horizontal stripes

Hm...thanks for that - will reconsider. Wanted to come up with a neutral but textured background, but maybe I should just go with a gradient or something like...

Quote:
the header image could do with being a bit deeper, higher

Yes, I was thinking that myself the last time I looked at it (not to mention the lack of text problem, ref. above)

Quote:
I'd also add an focus effect for the navigation like the current hover effect.

Could you elaborate? Not sure I get what you mean...

Also, was one of you viewing this in IE5, or IE5.5?? The page I am eyeing with trepidation re: floats and bugs is this baby:
http://www.horseink.com/ngtnew/puffaline.html
(there should be 3 pics/line).

Thank you! Laughing out loud

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

Windows site check? (back again...)

wendy wrote:

Could you elaborate? Not sure I get what you mean...

You could just add a focus rule into your link rules like this:

#navlist li a:focus, #navlist li a:hover
        {
        border-color: #333 #666 #666 #333;
        color: #000;
        background: #8BAD9B;
        border-width: 1px;
        border-style: solid;
      	}

Then people using the keyboard to navigate the page would get the same effect when they land on a nav item as you do when you hover over it with the mouse.

(stupidly) I've only very recently realised that this ability seems to be missing on the mac. I'm not sure how mac users navigate a site without the mouse if they don't use "tab"?

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

wendy
wendy's picture
Offline
Enthusiast
Boston, MA
Last seen: 12 years 3 weeks ago
Boston, MA
Timezone: GMT-5
Joined: 2005-01-31
Posts: 174
Points: 0

Windows site check? (back again...)

Thanks! I added the focus stuff, and come to think about it, I'm not sure how Mac users tab. How embarassing - just never surfaced in my murk-for-a-brain. 8-[ I'll find out.

I'd be interested in what you think of the new bg?

(Oh, also -what version IE do you use? I know you told me once, and this time I'll write it down somewhere Wink )

Just wondering re:

Quote:
Also, was one of you viewing this in IE5, or IE5.5?? The page I am eyeing with trepidation re: floats and bugs is this baby:
http://www.horseink.com/ngtnew/puffaline.html
(there should be 3 pics/line).

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

Windows site check? (back again...)

Oh yes I like that background much more - much gentler on the eye!

I'm on FF 1.5 for most stuff and IE6 for testing.

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

wendy
wendy's picture
Offline
Enthusiast
Boston, MA
Last seen: 12 years 3 weeks ago
Boston, MA
Timezone: GMT-5
Joined: 2005-01-31
Posts: 174
Points: 0

Windows site check? (back again...)

Hm...just had a look in VirtualPC/WinXP2IE6, and the items on that page are acting as if they had double-margins (or something), resulting in only two items per line, very spread out. Darn!

Any suggestions? Wonder why not showing that way on your IE6??

Mysteries abound... Evil Time to start firkling, I guess...

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

Windows site check? (back again...)

It might be the IE double margin bug - try making the divs involved display:inline and see it that helps at all.

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