Help with header image change in Html

Discussion in 'HTML & Website Design' started by st-kris, Jul 6, 2011.

0
  1. #1
    i have done everything i know to change the header image. can someone please help with this.
    i already uploaded the new image to the image folder. it is called 'ceeheader.jpg' and the original image shown in the html below is called 'Header' . i replaced Header with ceeheader, but it still does not show up. Please kindly help.

    <body>
    <div class="PageBackgroundGradient"></div>
    <div class="PageBackgroundGlare">
    <div class="PageBackgroundGlareImage"></div>
    </div>
    <div class="Main">
    <div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"></div>
    <div class="Sheet-bl"></div>
    <div class="Sheet-br"></div>
    <div class="Sheet-tc"></div>
    <div class="Sheet-bc"></div>
    <div class="Sheet-cl"></div>
    <div class="Sheet-cr"></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
    <jdoc:include type="modules" name="user3" />
    <div class="Header">
    <div class="Header-jpeg"></div>
    <div class="logo">
    <h1 id="name-text" class="logo-name"><a href="<?php echo $baseUrl; ?>/">envision</a></h1>
    <div id="slogan-text" class="logo-text">express...</div>
    </div>
     
    st-kris, Jul 6, 2011 IP
  2. Pintop

    Pintop Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Sounds like either your new image is not in the same folder as the old image, the image name is not changed in the css, or you could just need to clear your browser cache.
     
    Pintop, Jul 6, 2011 IP
  3. st-kris

    st-kris Greenhorn

    Messages:
    70
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #3
    the new image is in the same folder as the old one, and i just changed the template CSS as well as shown below. cleared cache too, but still not working

    /* begin Header */
    div.Header
    {
    margin: 0 auto;
    position: relative;
    z-index:0;
    width: 988px;
    height: 250px;
    }


    div.Header-jpeg
    {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 988px;
    height: 250px;
    background-image: url('../images/ceeheader.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */
     
    st-kris, Jul 6, 2011 IP
  4. Pintop

    Pintop Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    It looks like this is WordPress. So is ceeheader.jpg in the themes image folder? If so the
    try changing the background from


    background-image: url('../images/ceeheader.jpg');

    to

    background-image: url('images/ceeheader.jpg');
     
    Pintop, Jul 6, 2011 IP
  5. st-kris

    st-kris Greenhorn

    Messages:
    70
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #5
    its probably a faulty template coz none of that worked. thanks for your help though, i'll try some other things, and if nothing works i'll just download a different theme.
     
    st-kris, Jul 6, 2011 IP
  6. DhirajSaini

    DhirajSaini Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    the new image is in the same folder as the old one, and i just changed the template CSS as well as shown below. cleared cache too, but still not working

    /* begin Header */
    div.Header
    {
    margin: 0 auto;
    position: relative;
    z-index:0;
    width: 988px;
    height: 250px;
    }


    div.Header-jpeg
    {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    width: 988px;
    height: 250px;
    background-image: url('../images/ceeheader.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    }
    /* end Header */
     
    DhirajSaini, Jul 8, 2011 IP