Solved

CSS - display image

Posted on 2014-11-07
1
103 Views
Last Modified: 2014-11-25
When I use code below on #2 it works on just my local machine. When I tried to use #1, my logo does not get display?
What should I do? This is my logo location in VS2010

Images folder
      logo.gif
     


# 1


div.hideCustlink
{
    background-color:#4d8f75;
    width:100%;
    height: 56px;
    background-position: left;
    border: thin solid #4d8f75;
    background-image: url('/logo.gif');
    background-repeat: no-repeat;
}


     
 #2  
   
   div.hideSkiplink
{
    background-color:#4d8f75;
    width:100%;
    height: 56px;
    background-position: left;
    border: thin solid #4d8f75;
    background-image: url('http://localhost:64396/report/Images/logo.gif');
    background-repeat: no-repeat;
}
0
Comment
Question by:VBdotnet2005
1 Comment
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40429451
Yeah well it can't resolve the path back to the server root and the image is not in a folder below the folder with the page.

You either need to put the image in the same folder as the page or put it in a folder that that be referenced from the server root with ../report/images/logo.gif or ../images/logo.gif

Cd&
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now