Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Nov 2011
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Image showing in DW but not in Browser (IE/FireFox/Chrome)

    Good evening all i hope your all well,

    I am in need of a little help, i have added a social media sprite to the header of a website the images are showing up correctly in dreamweaver and everything is working within dreamweaver live view as it should (snap shot below)

    Dreamweaver snap-shot (icons are shown)



    Server side the images fail to load i have been wracking my brain as to why this issue is happening (files are uploaded) but i am stuck hopefully someone is able to offer advice on why the images are showing in dreamweaver but not showing when uploaded to a server or viewed in a browser

    Website has been temp uploaded HERE

    the sprite that was used is located HERE

    html for section

    Code:
    <!-- ========= START EDIT LOGO/HEAD ========= !-->
    
    <div class="logo">
    <div class="headicons">
    <ul class="socialicons color">
    
    <li><a href="https://www.facebook.com/BlueChipSupport" class="facebook" target="_blank">facebook</a></li>
    <li><a href="https://twitter.com/BlueChipNews" class="twitter" target="_blank">twitter</a></li>
    
    </ul>
    </div>
    </div>
    
    <!-- ======= END EDIT LOGO/HEAD ======= !-->
    css for section

    Code:
    .logo {
    padding:0px 0px 0px 0px;
    height: 100px;
    background-repeat: no-repeat;
    width: 814px;
    background-image: url(../images/bluechip_head_logo2.jpg);
    }
    .headicons {
    float:right;
    margin: 18px 18px 0px 0px;
    }
    
    ul.socialicons {
    list-style-type: none;
    }
    ul.socialicons li {
    list-style-type: none;
    display: inline;
    float: left;
    padding: 0 5px 0 0;
    margin: 0px 0 0 0;
    }
    ul.color li a {
    background-image: url(/images/supermassivecsspriteicons2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    }
    ul.bw li a {
    background: url('/images/supermassivecsspriteicons.png') no-repeat 0 0;
    }
    ul.socialicons li a {
    text-indent: -9999px;
    width: 32px;
    height: 33px;
    display: block;
    overflow: hidden;
    margin: 2px;
    }
    ul.socialicons li a.facebook {
    background-position: 0 -73px;
    }
    ul.socialicons li a.facebook:hover {
    background-position: -38px -73px;
    }
    ul.socialicons li a.twitter {
    background-position: 0 -109px;
    }
    ul.socialicons li a.twitter:hover {
    background-position: -38px -109px;
    }
    Last edited by VIPStephan; 08-05-2012 at 11:31 PM. Reason: restored original post

  • #2
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    Code:
    ul.color li a {
    	background-image: url('../images/supermassivecsspriteicons2.png');
    	background-repeat: no-repeat;
    	background-position: 0 0;
    }
    ul.bw li a {
    	background: url('../images/supermassivecsspriteicons.png') no-repeat 0 0;
    Strange that it works in DW - but that's DW for you?!
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #3
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,444
    Thanks
    11
    Thanked 309 Times in 308 Posts
    You have this link as your background-image: /images/supermassivecsspriteicons2.png and that file is not found on the server. I'd double-check...

    Dave

  • #4
    New Coder
    Join Date
    Nov 2011
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts
    omg .. i cant belive i missed that one! i am actualy anoyed with myself AndrewGSW thank you very much for the fast reply if you were close to me i would buy you a beer grealy appericated

    ../ added and all is working

    "Thanked"

  • #5
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    No problem

    But you shouldn't delete your original post as it may be of use, or interest, to others. Clicking 'Thank User..' and RESOLVED is sufficient
    "I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
    Validate your HTML and CSS

  • #6
    New Coder
    Join Date
    Nov 2011
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts
    yea i got a warning for doing this as well it was a simple mistake i ment to just put in the "ISSUE RESOLVED" and place a thankyou for andrew but i accidently removed the content

    Post has not been amended and content is back

    Sorry for the mistake


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •