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.
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
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.
@ 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.
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.
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...
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.
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.
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.
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.
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