Grow your CSS skills. Land your dream job.

Backgrounds & Texts

  • # June 2, 2009 at 7:07 pm

    Hello all.
    I updated my site with a new layout: http://haleandallie.com

    My problems are:

    * The site layout is set as an IMG (right click and you’ll see what I mean), and how do I set it as not an IMG?
    * I want the site layout to completely cover the site (no white edges), how do I do this?
    * Well I need to add text on the board (where the image renders and sunburst rays are), how do I add it there on that specific spot?

    Okay, so I tried solutions for some of the questions by myself.

    For the first question, I tried setting it as a background image, but when I do, the image is cut in half :< I also tried the Slice Tool from Photoshop (and already colored the background in Dreamweaver), I save the sliced portion as html&img but I get stuck in that part.

    For the second question, this is what I tried to get rid of the white edges:

    Code:
    @charset “utf-8″;
    /* CSS Document */
    img {
    border: 0px;
    }

    #container {
    margin:0px auto;
    width:990px;
    height:auto;
    background:url(images/Grunge-Site.gif);
    background-position: center;
    background-repeat: repeat-y;

    }

    But it didn’t work either.

    For the last question, I was totally, just completely stuck.

    I have read the basics of HTML and CSS, btw.

    If anyone could help me or point me to the direction, I would be eternally grateful.

    –Allie

    Rob
    # June 2, 2009 at 7:19 pm

    Hi Allie

    Looks like you have the design side of things down, but to convert it I would have a look at these…

    http://css-tricks.com/video-screencasts … rt-1-of-3/
    http://blog.themeforest.net/tutorials/c … eb-design/
    http://blog.themeforest.net/resources/1 … tutorials/

    I think they will answer all your questions. :)

    # June 2, 2009 at 8:08 pm

    Thank you!

    I’ll try this and re-post my results :)

    EDIT: I followed Chris’ video for the first question, but I seemed to be doing everything wrong. The image still gets cut in half =/ Also, I think its ‘cos of how my layout is like.

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

You must be logged in to reply to this topic.

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