10 replies [Last post]
muzishun
Offline
Enthusiast
Lawrence, KS
Last seen: 14 years 47 weeks ago
Lawrence, KS
Timezone: GMT-6
Joined: 2005-02-08
Posts: 106
Points: 0

Finally finished the redesign for our main site. We're really happy with the way it turned out, and it looks good in Firefox, IE6, and IE7. Validates well and all that jazz. However, neither my partner nor I have access to a Mac or Linux machine to test on any browsers on those platforms. Checks from anyone using browsers other than the above would be greatly appreciated.

It's so nice to move away from the absolute positioned layout we had before. It looked really nice, but it was a pain in the rear to edit, and would break at the slightest touch. This one is much cleaner and sturdier.

Here's the link:
http://www.eternalsecond.com/

Thanks in advance.

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

Ashdude2000
Offline
Regular
Last seen: 15 years 11 weeks ago
Joined: 2006-10-25
Posts: 46
Points: 0

Mac system

hey there bill, i have fully tested your site in safari v2.0.4 and it looks the same as it does in IE6 and 7 and firefox v2.0 for mac. It looks great i just wish i could do rounded corners as well as you do. I cant find any help anywhere on the net. also i dont really like creating images and then having to position them to get the same effect!

well anyway dude good work
Ash

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Checked in Safari 2.0 and

Checked in Safari 2.0 and Camino 1.0.3 on a Mac iBook and the pages seem fine, slight glitch in Safari loading portfolio page where the boxes middle repeat escaped the bottom but seemed to clear up on refresh and couldn't replicate again nor did it happen on Camino.

Your drop shadow on the panels looks a little clipped as often happens if one crops too close to the shadow blur extreme edge it presents as a feint straight edge to the shadow, you could perhaps do with recropping and allowing a little more white space to the outside of shadow.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

@ Ash

@ Ash
There are any number of methods to achieve rounded corners

Image based fully fluid placing images on all for corners which works fine.

Scripting solutions using a combination of javascript/php.

The well known snazzy corners or Nifty corners.

sidenote: Ash I deleted the duplicate comment, if the forum is slow to respond just bear with it if a blank page is returned don't submit again but check back to the forum as the submission generally goes through.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

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

Thanks a bunch for the

Thanks a bunch for the checks! I used a script someone at another forum suggested to get a screenshot of Safari, but it looked like the whole layout was going nuts. I'm glad that wasn't the issue with the actual browser.

I'll let my partner know about the cropping issues. He's the graphically inclined one, so it's be him getting new images put up. I'm glad people seem to like the new design. We spent quite a bit of time brainstorming and trying different layouts before we settled on this one, so a lot of work went into it.

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

oley
oley's picture
Offline
Regular
Silicon Valley
Last seen: 15 years 15 weeks ago
Silicon Valley
Timezone: GMT-7
Joined: 2006-10-17
Posts: 28
Points: 0

make links more prominent?

I would suggest that you think a bit more about how the links on your site should look. The navigation menu has links in black (same color as the text), with no underlining or hover actions whatsoever, which makes it hard to see which link you are currently pointing at. The links on the inner pages are no better - brown on light blue, with no underlining, and turning green on light blue when 'hover'ed. They are hard to see and are not obvious...

oley aka Olga Bobrova
http://dragonia.info/

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

Thanks for the advice. We're

Thanks for the advice. We're working on the menu, but it's one of those situations where we forgot about making the second color text for the hover effect. The transformation needed for the perspective forced us to turn the text into an image, making it a bit trickier to change the color.

The regular link colors are remnants from our old design. We thought they worked well enough for this layout, but I'll talk to my partner and see what we can work out to get them separated out better from the regular text.

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

moshner
moshner's picture
Offline
newbie
Last seen: 13 years 51 weeks ago
Joined: 2005-11-19
Posts: 6
Points: 0

Thanks everyone for your

Thanks everyone for your comments and help with our site. I'll take all your styling ideas into consideration early next week. It always helps to have constructive criticism from talented people.

Thanks again. Bill or I will let you know when we have incorporated these updates.

moshner
moshner's picture
Offline
newbie
Last seen: 13 years 51 weeks ago
Joined: 2005-11-19
Posts: 6
Points: 0

updated

I've just finished updating the site to reflect the changes that were suggested. I did the following things:
1. Fixed the menu so the hover images are different.
2. Added an element that tells you what page you are on.
3. Changed the color/style of the links on the site to make them more visible
4. Re-cropped the images to clip less of the drop shadows.
5. Changed the submit button to fit the style of the site.

thanks for all your help.

newspindesign
Offline
newbie
Waltham, MA
Last seen: 15 years 30 weeks ago
Waltham, MA
Timezone: GMT-5
Joined: 2006-11-15
Posts: 7
Points: 0

preloading nav images

I found one more minor issue I don't think anyone else noticed. I'm in Firefox on Mac, though I think this may be a universal issue. It doesn't appear the nav rollover images are being preloaded. So when I hover over a nav link on the left there's a slight delay before the image pops up. During this time I see a white box where the image should be. I usually use javascript code to preload my images though I think there are more trick ways to do it.

moshner
moshner's picture
Offline
newbie
Last seen: 13 years 51 weeks ago
Joined: 2005-11-19
Posts: 6
Points: 0

Good idea. I fixed that

Good idea. I fixed that issue without using javascript. But there shouldn't be a gap now when you mouse over. Thanks