This is one of my latest designs. im still working on it. In Firefox everything goes well about, but in ie7 or downward could be hell :cry: i couldnt do that ie transparent png sh.its. so the top menu su.cks on ie6 etc.
Could you do me a favour and tell me something about it ?
i would be appreciated. thanks folks!
(and i wanna add im a foreign to English, so sometimes what i write is not what i think, sorry…)
It’s very neat, that’s for sure. I’m not a fan of the large color blocking at the top, but that’s just my personal opinion.
You should try to use a little more stock photography in the site. Just more elements to help keep the interest of the visitor. I’m willing to admit that the language barrier might play a part in that for me, but you can never have enough content, anyway. :D
I think the navigation gets a little lost because of how big the header and the cat5 cord is on it. You might try just toning down the colors being used in the header and adding more contrast in the navigation to separate it out from the rest of the design. This should help it to have a better flow and make the header less distracting.
As far as 800×600 vs 1024×768 the norm with most people right now is to design at 960px wide and not worry about the fold. Using 960px width will also help you move into grid-based design, this article http://www.cameronmoll.com/archives/2006/12/gridding_the_960/ can help you with that.
I hope this helps.
I am in agreement with several others that the colors are just a little too "intense", perhaps for a simple change you could darken up the background and the feel of those colors might settle down.
I am also in agreement with Dustin that 960px is a good target to shoot for these days. The real key is to analyze your analytics after you get the site launched and if you are seeing a large percentage of people with 1280px or larger monitors, you might be able to bump that up. If you see any significant percentage of people with 800px monitors, you should consider dropping it back down (to maybe 760px, gotta watch those vertical scrollbars taking up space!).
You shouldn’t really need the transparent PNG’s in the menu as the background is static. Slice the menu items including the background and position them till they line up with the #menublok image. Also I’m getting a noticeable disappearance as the rollover loads so maybe sprites is a better way to go.
Same goes for the server PNG. First it doesn’t need to be a PNG, use jpeg with the same yellow background. All your IE PNG hack troubles will go away. I hate IE6 too, but who doesn’t!
Then try increasing and "DECREASING" the text size in your browser. It all goes a bit pear shaped ( weird, i mean )!
The image is escaping the container.
You need to clear the float on #imagefloat. I just added this in Firebug to the last <br/> in <blockquote> in the div with the class "bubble" where the main text is. <br style="clear: both;"/>. Which fixed it. But probably better to add a class to your stylesheet though.
Hope that helps a bit. :)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".