Welcome Guest Search | Active Topics | Sign In | Register

Background-Image URL Options
Ram
Posted: Monday, June 18, 2007 8:05:55 AM
Rank: Member
Groups: Member

Joined: 6/18/2007
Posts: 15
Hi Support Team,

I have a quick question regarding about background image.

<eo:MenuItem Height="25"



SelectedStyle-CssText="background-image:url(&quot;00000003&quot;);color:#215DC6;background-position-x: right; background-repeat: no-repeat;background-color:white;">


I am trying to add my own custom image in the background-image:url for open arrow and close arrow.

<eo:MenuItem Height="25"

SelectedStyle-CssText="background-image:url(../images/menuOpenArrow.jpg);color:#215DC6;background-position-x: right; background-repeat: no-repeat;background-color:white;">



Its not displaying my own custom image in the menu. I think it always look for 0000010 some number image. It will be great if you let me know how can I add my own custom image in the background-image url?

Thanks in Advance.

thanks,
Ram.
eo_support
Posted: Monday, June 18, 2007 8:07:56 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Hi Ram,

Thanks for posting your question here. I don't think you can use relative path in background image. For some reason IE doesn't like it. You would have to use an absolute path such as "/images/menuOpenArrow.jpg". Please try that and see if it works.

Thanks
Ram
Posted: Monday, June 18, 2007 8:26:13 AM
Rank: Member
Groups: Member

Joined: 6/18/2007
Posts: 15
Hi tried that. It didn't work. I tried following options:-

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

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

background-image:url(c:/inetpub/wwwroot/project/images/menuOpenArrow.jpg);
eo_support
Posted: Monday, June 18, 2007 8:36:30 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
The third one definitely will not work. In order to test the first and the second, you want to try it on a regular HTML element first. Try to put this in your .aspx:

Code: CSS
<style type="text/css">
 .test { background-image:url(your_image_path_here); }
</style>


Code: HTML/ASPX
<div className="test">
test div
</div>


And try to get that work first. If that doesn't work, then there is something wrong with your image path.
Ram
Posted: Monday, June 18, 2007 10:22:28 AM
Rank: Member
Groups: Member

Joined: 6/18/2007
Posts: 15
Thanks Admin. It works finally after chaning right image directory.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.