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

This all checks out in my Mac browsers, and validates. My Virtual PC just went and self-immolated, and I'm too tired to re-install it. cry All that means is that I have NOT seen it in any PC browsers.

I'd appreciate any info on misbehaviour herein. I'm expecting there will be some, but hoping there's not too much.

Also welcome opinions on header. I think the text (esp the Grade is too heavy, but am expected to use it...

Thanks!
http//www.horseink.com/hbk/index.html
(esp interested to know if this page holds up...
http//www.horseink.com/hbk/ourcatalogue.html

muzishun
Offline
Enthusiast
Lawrence, KS
Last seen: 13 years 51 weeks ago
Lawrence, KS
Timezone: GMT-6
Joined: 2005-02-08
Posts: 106
Points: 0

My PC chums: site check, please?

Looks good in Firefox 1.5 at 1280x1024. The color scheme works well for the theme of the site for the most part. My only thought is to possibly try a light sky blue instead of the green. To me (and I'm sure this varies on other people's monitors) the green almost comes out looking a bit odd when it's set against the pink. I think blue may be a slightly better complement to the pink.

Of course, if you've already got the colors set in stone with the client, by all means keep it. Other than that one thing, I like the site very well.

Bill Parrott
Co-Owner and Co-Founder
Eternal Second Designs
http//www.EternalSecond.com/

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

My PC chums: site check, please?

In IE6, your nav links are closer to the right edge than they are the left. Giving your <li>s for the list a width will probably sort that out.
Also, sidewrapcol.jpg shows for 2-3px between the bottom of your footer graphic and the bottom of the window.

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

Kath H
Offline
newbie
Last seen: 15 years 34 weeks ago
Joined: 2005-12-04
Posts: 9
Points: 0

My PC chums: site check, please?

Looks good, but you need 'complement' rather than 'compliment' in several places.

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 49 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

My PC chums: site check, please?

Keep the "H" - love it. I think if it was smaller you'd not make out the eyes and the Top Hat effect as well.
Good work - again :mrgreen: Laughing out loud
Two minor XP visual issues as attached - NOT the most recent versions of Firefox and Opera, just in case site visitors are not as geeky as some. They have the look of the Gecko rounding bug. Appear on first text size change and come and go as you go up and down the sizes. Maybe someone here can tell you if they are OK in the latest versions.

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

My PC chums: site check, please?

Lorraine wrote:
...
Two minor XP visual issues as attached - NOT the most recent versions of Firefox and Opera, just in case site visitors are not as geeky as some. They have the look of the Gecko rounding bug. ...

Thanks, Lorraine! No attachment, so not sure where the issues are, but read up on that bug [http://www.positioniseverything.net/gecko/mozshift.html] and changed line-height % to ems in the #navside. Is that right?

KathH wrote:
...Looks good, but you need 'complement' rather than 'compliment' in several places....

KathH -- you're absolutely right. I got caught by the famous Cut'n'Paste Bug! Thanks for pointing that out!

Muzishun wrote:
Of course, if you've already got the colors set in stone with the client, by all means keep it [the green backgd].....

I'm afraid this is pretty much client choice, but I know what you mean! Hope it doesn't look *too* weird on PC (I"m Mac, and it looks ok here)...

Tyssen wrote:
...In IE6, your nav links are closer to the right edge than they are the left. ...

Tyssen, I bucked up and reinstalled VPC, and saw exactly what you described. I *think* I've fixed it with the box model hack? [http://tantek.com/CSS/Examples/boxmodelhack.html]

Tyssen wrote:
...Also, sidewrapcol.jpg shows for 2-3px between the bottom of your footer graphic and the bottom of the window. ...

*However*, I cannot solve this problem Sad Tried putting the img after the #wrapper div, tried zeroing out padding & margins...still there :roll:

Any ideas??
Thanks, everybody!! Laughing out loud

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 49 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

My PC chums: site check, please?

No attachment Shock
You need to be logged in to see attachments. If you come to the thread direct from an e-mail notification you may not be automatically logged in and only prompted to login when you select the reply button. Smile
No it wasn't the nav but the footer - unchanged as of a minute ago. When you are logged in see if the attachment shows up.

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

My PC chums: site check, please?

Ah, yes. (Now if I can only learn how to make proper quotes ? )

I just changed the #footer p to ems, too (forgot to look around for other instances) -- any change?

Thx,
Wendy

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 49 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

My PC chums: site check, please?

Wendy wrote:
-- any change?

Sadly not. I think the problem is by placing the image botwrap_c2.jpg on a line of its own in the html. I experimented with making it a background image on #footer.
#footer {
width: 750px;
clear: both;
background-color: #c2ccc2;
background-image: url(http://www.horseink.com/hbk/i/botwrap_c2.jpg);
background-repeat: no-repeat;
background-position: bottom center;
height: 4.5em; /* or thereabouts */
margin: 0 10px 0 9px;
border-top: 1px solid #999;
}
#footer p {
	/*Line-height: 200%;*//* removed but should be lower case "l" */
color: #666;
padding: 1em 0;
margin: 0 0 0 30px;
vertical-align: top;
}

Yes it's me hot-linking your images, I'll stop now. Smile

This works but is not the complete answer because your main background (two side stripes) then extends below the footer. To keep the existing look, you may have to live with the Gecko probs.

(unrelated - but may have implications in the future, the css has one validation error

Quote:
Line: 28 Context : *
Parse Error - *html body { font-size: x-small; f\ont-size: small; }
you need a space between * and html. But you knew that anyway Tongue )

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

My PC chums: site check, please?

I *think* I've found a fix for that ornery escaping background, and it did have to do with that graphic. D

Pages now display fine on all my Mac browsers, and fine on my VPC WinXP IE6. How does it look to the outside PC world? (esp. IE 5 & IE 5.5?)
http//www.horseink.com/hbk/index.html

One other question In VPC, the font size looks *huge*. This may well be because of the difference in screen resolution (Mac being 76ppi, PC being 96). Just wanted to check that the size displays smaller on PC moniter than what I'm seeing (screenshot on my moniter, using VPC WinXP IE6 http//www.horseink.com/hbk/hbkfontsize.jpg )

Thanks!