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

Hey guys,

Just made another site, this time for an Italian restaurant. The client hasn't seen it yet, but they did ask for something richly-colored and warm. I think they'll like it. It's really quite accessible (lots of features meant to make it so). Warning, it's a tad image-heavy, not unreasonably so, but I thought I'd mention it. Once loaded, provisions were made to make the site function well for dial-up users, and there is a style changer on the Site Info page. Your thoughts? Dante's Pasta

Thanks.
Mike

Anonymous
Anonymous's picture
Guru

Dante's Pasta

Beautiful! I'm in awe.

Anonymous
Anonymous's picture
Guru

Dante's Pasta

There's something weird in Safari (1.3.2). It seems to have some padding at the bottom and the wine bottle disappears at the bottom when you scroll down. See attachment:

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 41 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Dante's Pasta

I think it's one step from perfect. The center content is beautiful with the exception of the repeating background on the left side. I think it should have a better blend. Other than that the center is perfect.
Although I love the concept, the body background (both the tablecloth and the bottle of wine) seem rather bland - dull. And the bottle looks like an afterthought. Could you make it look more like an actual table setting with more vibrant colors? Maybe show the bottle/candle from a top/perspective view?

Edit: I don't mean to be so critical - it really is great... I'm just trying to help.

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

Dante's Pasta

Excellent. Great small touches too, like the ivy on the contact form background, the "you are home" title on the home page and the lighting up of the image button under the menu.

The only thing I found the contrast between the green sub headings and the background wasn't so strong. I thought the green you used on the contact page was better.

Maybe the background for the left sidebar panel could merge better between repeats. It caught my eye as it is which I guess you don't want something like that to do.

Great work.

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

Dante's Pasta

Thanks for the feedback guys. Easy enough fixes. I know what you mean about the contrast. I was pushing it a bit. The content BG I can just make longer to throw more space between the maps. That'd do it I guess.

The thing with the bottle will likely be unfixable. In IE the whole bottle moves up. In the rest of the browsers it stays fixed, but I couldn't use position. And If I tried fixed position it does as the Safari example shows (which is neat and may have potential in another application), but not what I wanted lol.

As far as the tiles in the side bar *groan* ... I know. I bashed my head against the wall with it.

Thanks for looking guys. Smile
Mike

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

Dante's Pasta

Looks great Mike. Just one thing - is the header s'posed to change colour on rollover? Cos it doesn't do so in FF or IE and in IE it doesn't change colour on focus/active either (although it does in FF).

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: 12 years 43 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Dante's Pasta

Tyssen wrote:
Looks great Mike. Just one thing - is the header s'posed to change colour on rollover? Cos it doesn't do so in FF or IE and in IE it doesn't change colour on focus/active either (although it does in FF).

Just on focus, I'm afraid. I would love to do a hover effect on it, that'd be awesome, but if I do it flashes in IE and I get bad feedback on it. I even have the second image pre-loaded (see the page with styles off, the second image serves as a pseudo-banner of sorts), but no good. Sad

Mike

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

Dante's Pasta

One solution to a similar problem I've been playing with recently is to use opacity to create the rollover effect. Of course, you have to use a filter for IE so your CSS doesn't validate and it doesn't work in Opera, so I guess you gotta weigh up the pros and cons.

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: 12 years 43 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

Dante's Pasta

Tyssen wrote:
One solution to a similar problem I've been playing with recently is to use opacity to create the rollover effect. Of course, you have to use a filter for IE so your CSS doesn't validate and it doesn't work in Opera, so I guess you gotta weigh up the pros and cons.

Lol, way too many cons.

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 32 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Brilliant

Thats brilliant site mate. How did you get the image on the left(red wine bottle) to stay in same place as you scroll. Correct me if am wrong but is that just a background image with a centered wrapper for the content of the page??

Hope you can advise. Cheers

Brilliant site...

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

Re: Brilliant

dthomas31uk wrote:
Thats brilliant site mate. How did you get the image on the left(red wine bottle) to stay in same place as you scroll. Correct me if am wrong but is that just a background image with a centered wrapper for the content of the page??

Hope you can advise. Cheers

Brilliant site...


Thanks dthomas31uk.

The body has a repeated but "fixed" background running in strips. It's separate from the bottle image.

For the bottle what I did is create an outer div outside of the main wrapper div but still within the body of course. Then I applied a transparent-back image (PNG format) to the outer div positioned a top left and applied "fixed" to it as well. So it's a background over the background. Unfortunately, it's not fixed in IE and scrolls up with the page. I could fix that with a trick I learned, but I'd have to use absolute positioning. But I can't as AP would bring the bottle forward and in an 800x600 monitor it would cover some content instead of falling behind as it does now.

It's all really easy to do, but IE unfortunately makes it more challenging than it needs to be.

I hope this helps.
Mike

dthomas31uk
Offline
Enthusiast
Last seen: 11 years 32 weeks ago
Joined: 2004-11-29
Posts: 144
Points: 0

Dante's Pasta

Cheers for that Mike. See what you did now. IE is a right pain in the butt.

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

Dante's Pasta

dthomas31uk wrote:
Cheers for that Mike. See what you did now. IE is a right pain in the butt.

Yep, but it's the biggest pain in the butt on the web and we can't ignore it Wink

Mike

madereality
Offline
Regular
Ireland
Last seen: 11 years 37 weeks ago
Ireland
Joined: 2006-02-01
Posts: 47
Points: 0

great idea

hey,
the idea is really cool. i like it.
although i think there's too much going on in the banner image.
i'd just have the glass of wine and the rolling countryside blended together.

is there text hidden above the Home link "jump content or something"?

there's a difference in the wood panel in the left column from the top of the image to the bottom.

i'd sharpen the wine bottle image, its too compressed. if you dont want it to take up too much bandwidth then you could make it smaller.

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

Re: great idea

madereality wrote:

is there text hidden above the Home link "jump content or something"?

Thanks. Yeah, if you focus on it it'll become visible.

Mike

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 12 years 21 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Dante's Pasta

That's nice Mike!
I reckon you've got the hang of this website thing Laughing out loud

Just to make you a bit happier - the bottle behaves itself in IE 7, whole site looks same as FF 1.5 except background is approx 10px higher in IE 7 than in FF.

With your style sheet switcher, I thought the 'limited' version was way too dark ... actually maybe 'dull' is a better word.

Shame it's the other side of the world or I'd visit it

Good Job!

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

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

Dante's Pasta

Thanks Freddy.

I really appreciate the IE 7 view (I don't have it yet). There's no hack or separate CSS on the site, so that's kinda sad that it looks like I'll now need one unless IE7 final renders it better. *sigh*

If you get bored someday Freddy, please take peek at some of my other sites. Everything is linked through my portfolio.

Regarding the Limited style, I don't care for it too much. The style images are at 50% compression and lightened to make them have super small file sizes while maintaining the majority of the original style sheet's imagery (the content back and bottle are all that's removed if I remember correctly). I'm thinking of adding another CSS with just the bottle removed, but I'm so busy. I'll probably do that when I get the new images for the site from the owners so I can focus once and work once instead of dividing the project. Some of the suggestions I've gotten and want to try are witing for that opportunity too.

Thanks again, Freddy.

Mike

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 12 years 21 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Dante's Pasta

Quote:
If you get bored someday Freddy, please take peek at some of my other sites. Everything is linked through my portfolio.

Mike, I think I've looked at, explored and fiddled with nearly every site you've done mate, why do you think I'm throwing all my new 'accessible' websites at you and the team at accessites.org?

The IE 7 background doesn't look bad at all mate -It's just ...
Oh wait - I have about four toolbars on FF and no extra's on IE 7 - therefore there's no difference it's just my screen 'real estate' is smaller on FF #-o

To be honest, everything I've looked at so far in IE 7 has been identical to FF 1.5, fingers crossed our jobs may get easier =D>

Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns

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

Dante's Pasta

fatfreddy wrote:
Quote:
If you get bored someday Freddy, please take peek at some of my other sites. Everything is linked through my portfolio.

Mike, I think I've looked at, explored and fiddled with nearly every site you've done mate, why do you think I'm throwing all my new 'accessible' websites at you and the team at accessites.org?

The IE 7 background doesn't look bad at all mate -It's just ...
Oh wait - I have about four toolbars on FF and no extra's on IE 7 - therefore there's no difference it's just my screen 'real estate' is smaller on FF #-o

To be honest, everything I've looked at so far in IE 7 has been identical to FF 1.5, fingers crossed our jobs may get easier =D>

Freddy

Thank you so much Freddy. I really appreciate your post reply Smile

Mike

ABCruz
ABCruz's picture
Offline
Enthusiast
Pilipinas
Last seen: 5 years 32 weeks ago
Pilipinas
Timezone: GMT+8
Joined: 2005-06-16
Posts: 279
Points: 0

Dante's Pasta

Hello. I don't think there's anything more I can add here except my congratulations for a job well done. Laughing out loud

Cheers!

I am a Man of Truth.
I am a Free Human Person.
I am a Peacemaker.

http://www.abcruz.com