WebsiteBaker Community Forum

General Community => WebsiteBaker Website Showcase => Topic started by: Boudi on December 10, 2009, 10:22:54 AM

Title: Website with transparant css menu
Post by: Boudi on December 10, 2009, 10:22:54 AM
Hi,

Here's one for you: website (http://www.liefleukenhip.nl).
I've build this website for over a year ago.

This website sells custom made baby things. It's colorfull and the (sub)menu is css transparant.

Boudi
Title: Re: Website with transparant css menu
Post by: pcwacht on December 10, 2009, 03:47:55 PM
Very colorfull indeed

Saw tiny problem in the page 'Styling', in ie7 and Firefox 3.5 on windows xp there comes a white bar at the top of the page. This happens only at that page.



John
Title: Re: Website with transparant css menu
Post by: Boudi on December 10, 2009, 04:01:12 PM
Strange behaviour.

Anyway, Deleted the page. Re-created it and now it's fine.

Thnq for noticing :)
Title: Re: Website with transparant css menu
Post by: Vincent on December 10, 2009, 04:08:45 PM
Looks like you made it for big screens (1280): on a 'normal' 1024 reslolution I get a scroll bar and cannot read all the texts. Could easily be fixed.

Regards,
Vincent
Title: Re: Website with transparant css menu
Post by: Boudi on December 10, 2009, 04:14:49 PM
Hi Vincent,

Quote
I get a scroll bar

Vertical or horizontal?
Title: Re: Website with transparant css menu
Post by: Argos on December 10, 2009, 10:35:24 PM
I don't see a scrollbar on 1024, but the site is not centered. It's aligned at the right. Not like it is supposed to be I guess...
Title: Re: Website with transparant css menu
Post by: Boudi on December 10, 2009, 10:54:41 PM
Quote
but the site is not centered

Well, actually it is, but it's made for bigger screens. However, I will check If I can make it more suitable for smaller (1024) screens.

Thnq anyway for noticing :)
Title: Re: Website with transparant css menu
Post by: Argos on December 10, 2009, 11:08:45 PM
Quote
but the site is not centered

Well, actually it is, but it's made for bigger screens. However, I will check If I can make it more suitable for smaller (1024) screens.

You can create it for bigger screens, and still center it even on 1024px. Your content fits on 1024, so it can be centered on that resolution as well. For example on http://www.interactadvies.nl/ I used a very wide background, but the content fits centered on a 1024 resolution as well.
Title: Re: Website with transparant css menu
Post by: Boudi on December 10, 2009, 11:20:41 PM
This website contains 2 transparent images on both sides. (therefore it's rather wide)
When you adjust the screen you wiil see the website float over the background.

But as you said, it could be better. So I will take a new look at it. Thnx for the hint :)

Title: Re: Website with transparant css menu
Post by: Argos on December 10, 2009, 11:32:14 PM
Just use 1 centered background image on background color and let the centered site float on top.
Title: Re: Website with transparant css menu
Post by: Boudi on December 10, 2009, 11:42:04 PM
You are very right. But that's already the case with this site.

The difference is that the complete site is over 1300 px in width. Reason: both sides (left & right) do have a fading transparant image of 200px each that glides over the flower background. When your screen is wide enough you see what I mean :)

Title: Re: Website with transparant css menu
Post by: Argos on December 10, 2009, 11:51:20 PM
I am a poor 1024 screen user  :cry:
But I took my widescreen laptop and saw what you mean. Sorry, I didn't understand you well.

Solution: multiple containers, each one with a transparent background. You can also give html and body tags a background, did you know that?
Title: Re: Website with transparant css menu
Post by: Boudi on December 11, 2009, 12:00:43 AM
No problem :)

Yes, you are right, and I must not forget this site was build over a year ago. Now I look at it again and there are some minor things that could be ready for improvement. And those transparent sidebars are one of them.

I will check them tomorrow. Now I will catch some zzzleeppp.

Thnx for the advice. Appreciate it :)

Boudi