Grow your CSS skills. Land your dream job.

Look in My New Desing Work :)

  • o-d
    # April 1, 2008 at 12:27 pm

    http://www.sp-host.net/

    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…)

    # April 1, 2008 at 12:42 pm

    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

    o-d
    # April 1, 2008 at 12:45 pm

    thanks for comment. i wannt to ask something else, i designed that for about 800×600 screen size. should i prefer bigger sccreen sizes? like 1024×768.

    # April 1, 2008 at 1:01 pm

    I’m going with Erika on this one. I’m not a big fan of the header, but overall it’s all good.
    I’m not really sure why, but the server pictures don’t really blend in… I don’t really have any suggestions tough !

    Good work :)

    # April 1, 2008 at 1:15 pm

    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.

    # April 1, 2008 at 2:27 pm

    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!).

    # April 2, 2008 at 3:22 am

    In regards to images for server (or other technical sites like hosting) websites, I have found that a lot of designers use general head shots of girls with head phones on. This kinder gives a human side to the website apart from the somewhat ugly machine look…

    # April 2, 2008 at 8:49 am

    Don’t forget to check your design in a couple of different browsers. I looked at it in IE7 just now and the footer is not extending like it does in Firefox. Just a tip. I really hate having to review in multiple browsers… everyone should just use Firefox!

    # April 2, 2008 at 12:28 pm

    Hi o-d,

    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. :)

    Tob

    o-d
    # April 5, 2008 at 4:27 pm

    thanks to all especially to toby ;)

    # July 23, 2009 at 5:43 am

    ahhhhhhhhh! A broken link!

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".