The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Backgrounds & Texts

  • # June 2, 2009 at 7:07 pm

    Hello all.
    I updated my site with a new layout:

    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:

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

    #container {
    margin:0px auto;
    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.


    # 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… … rt-1-of-3/ … eb-design/ … 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed