The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Beginner needs help

Discussion in 'General Discussion' started by rjsquirrel, Apr 13, 2007.

  1. rjsquirrel

    rjsquirrel Registered

    Joined:
    Apr 12, 2007
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    I am very new to cpanel and I am having problems with photos/graphics. I'm using a css file and the graphics within the css file are not appearing. I have changed the path multiple times and nothing works. All other css specs are working so I think it's reading the file but not picking up the graphics. Help--I don't know what I'm missing!
     
  2. WillyBoy

    WillyBoy Member

    Joined:
    Jan 23, 2006
    Messages:
    10
    Likes Received:
    0
    Trophy Points:
    1
    post css code

    Hi rjsquirrel,
    Will you post your css code, and also let us know if te images are in the same directory as the style sheet, or are in a folder.
    Thanks,
    wb
     
  3. rjsquirrel

    rjsquirrel Registered

    Joined:
    Apr 12, 2007
    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Thanks for responding!!!!

    Below is the css code. I have tried the image path both ways--in an "images" folder and in the same directory and neither works. Any help would be greatly appreciated.

    body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(/public_html/index.htm/img1.gif) repeat-x;
    font: normal small sans-serif;
    color: #878C66;
    }

    h1, h2, h3, h4, h5, h6 {
    color: #997867;
    }

    a {
    text-decoration: none;
    color: #825037;
    }

    a:hover {
    text-decoration: underline;
    }

    /* Header */

    #header {
    width: 700px;
    height: 140px;
    margin: 0 auto;
    }

    /* Logo */

    #logo {
    float: left;
    padding: 42px 0 0 0;
    }

    #logo * {
    margin: 0;
    text-decoration: none;
    font-weight: normal;
    color: #878C66;
    }

    #logo h1 {
    letter-spacing: -2px;
    font-size: 2.8em;
    }

    #logo h2 {
    margin-top: -5px;
    padding-left: 2px;
    font-size: 1em;
    }

    /* Menu */

    #menu {
    float: right;
    }

    #menu ul {
    margin: 0;
    padding: 69px 0 0 0;
    list-style: none;
    }

    #menu li {
    display: inline;
    }

    #menu a {
    display: block;
    float: left;
    height: 22px;
    margin-left: 2px;
    padding: 8px 15px 0 15px;
    background: #EFF0EB url(/index/img2.gif) repeat-x;
    border: 1px solid #C9CCB9;
    border-bottom: none;
    text-decoration: none;
    color: #878C66;
    }

    #menu .active a, #menu a:hover {
    height: 23px;
    background: #EFF0EB;
    }

    /* Content */

    #content {
    width: 700px;
    margin: 0 auto;
    }

    /* Column One */

    #colOne {
    float: right;
    width: 470px;
    }

    #colOne .post {
    clear: both;
    margin-bottom: 3em;
    }

    #colOne .title {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #C9CCB9;
    font-size: 1.6em;
    }

    #colOne .posted, #colOne .meta {
    margin: 0;
    text-align: right;
    font-size: xx-small;
    }

    #colOne .posted {
    margin-top: -13px;
    }

    #colOne .meta {
    border-top: 1px solid #C9CCB9;
    }

    #colOne .meta p {
    margin: 0;
    }

    /* Column Two */

    #colTwo {
    float: left;
    width: 200px;
    }

    #colTwo #textfield1 {
    width: 170px;
    }

    #colTwo #submit1 {
    display: none;
    }

    #colTwo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    #colTwo li h2 {
    margin: 0;
    padding: 0;
    line-height: 100%;
    }

    #colTwo li h2 span {
    margin: 0;
    padding: 5px 10px;
    background: #F0F0EB url(/index/img3.gif) repeat-x;
    border: 1px solid #C9CCB9;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 10px;
    }

    #colTwo li ul, #colTwo li form {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #C9CCB9;
    }

    /* Footer */

    #footer {
    width: 700px;
    margin: 0 auto;
    padding: 1em;
    border-top: 1px solid #C9CCB9;
    }

    #footer p {
    font-size: xx-small;
    }
     
  4. WillyBoy

    WillyBoy Member

    Joined:
    Jan 23, 2006
    Messages:
    10
    Likes Received:
    0
    Trophy Points:
    1
    Sorry for the late response!!

    Hi rjsquirrel,
    I spotted the problem. Your background descriptor and other descriptors that point to the images should be for example:

    body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(img1.gif) repeat-x;
    font: normal small sans-serif;
    color: #878C66;
    }

    See the difference? You had url(/public_html/index.htm/img1.gif). If your images are in the same directory as your index.htm file then just refer to it directly as I did above. Use that format for your other ones.
    Try that out and let me know, sorry for the late response.
    wb
     
Loading...

Share This Page