Grow your CSS skills. Land your dream job.

Help taking psd to workpress.. not getting images

  • # September 30, 2009 at 10:26 pm

    OK, so I’ve tried getting help with this before and cannot figure it out for the life of me. I am trying to take my photoshop file and put it into the starkers theme. The only image that is coming up is the background. What am I doing wrong?

    I am trying to do this for my sister and have never coded outside of dreamweaver before, so I’m pretty lost. Any help would be really appreciated!

    Here’s the php:

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    />


    and here’s the css

    Code:
    /*
    Author: Cassie Jo Arend
    */

    /* RESETS & BASIC PAGE SETUP */
    * { margin: 0; padding: 0; }
    html {overflow-y: scroll; }
    body {font: 63.5% Arial, sans-serif;
    background: url(style/images/Background.png) top left repeat;}

    ul { list-style: none inside; }
    p {font-size: 1.2em; line-height: 1.2em; margin-bottom:1.2em; }
    a {outline:none; }
    a img { border: none; }
    /* END RESET */

    /*TOOLBOX*/
    .floatleft { float: left }
    .floatright { float: right }
    .clear { clear: both }
    /* END TOOLBOX */

    /* STUCTURE AND STUFF */
    #page-wrap {
    width: 730px;
    margin: 0 auto;
    background: url(style/images/Content.png) alt=”Napoleon Vet Clinic Content” repeat-y;
    }

    }

    #header {
    width: 730px;
    height: 82px;
    url(style/images/Header.png); alt=”Napoleon Veterinary Clinic”
    }

    # October 1, 2009 at 2:29 pm

    Anyone? Anything? Please!?

    # October 1, 2009 at 4:46 pm
    Code:
    background: url (style/images/Header.png); alt=”header”

    sidebar
    footer

    Take a look at the first link to the background image, you indicated that the images folder is inside of a folder called "style"
    You did not include that in the img elements.

    If the images are inside of a folder called "images", which is inside of a folder called "style", then you need to include "style/" before the "images/….png"

    You also have a css rule inside of the HTML div

    and a closing UL tag in your css.
    I would need to see your folder structure to better help though.

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".