Background images not displayed in asp.net page
-
Hello everybody! I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed. I tried somethning more simple like,
testing
and voila! doesn't work. It's easier to solve it now i think but it's freaking weird. The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
jQuery Bubble Popup - How to make a selectable Bubble Popup when mouse is overy
testing
and here the image is displayed! Both pages at the same level and with exactly the same code for the span element, the only diference is that the real page is an aspx and has a lot more content. Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image. Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while. Thanks so much in advance, /Kenia
-
Hello everybody! I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed. I tried somethning more simple like,
testing
and voila! doesn't work. It's easier to solve it now i think but it's freaking weird. The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
jQuery Bubble Popup - How to make a selectable Bubble Popup when mouse is overy
testing
and here the image is displayed! Both pages at the same level and with exactly the same code for the span element, the only diference is that the real page is an aspx and has a lot more content. Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image. Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while. Thanks so much in advance, /Kenia
Agree it's really a weird issue. I think some additional code in your aspx page might blocked this thing. Try the simple case. Just convert the HTML file into aspx page(Copy the HTML page content & create new aspx page & paste it) & run. Now what's the output...
thatraja
**My Tip/Tricks
My Dad had a Heart Attack on this day so don't...
**All these are my opinions. Different people. different way of thinking. I am no one to judge others - Chandru -
Agree it's really a weird issue. I think some additional code in your aspx page might blocked this thing. Try the simple case. Just convert the HTML file into aspx page(Copy the HTML page content & create new aspx page & paste it) & run. Now what's the output...
thatraja
**My Tip/Tricks
My Dad had a Heart Attack on this day so don't...
**All these are my opinions. Different people. different way of thinking. I am no one to judge others - ChandruHello and thanks for your reply. I did what you suggested and when i convert the HTML file to .aspx without a master page the image is displayed, however if I use the master page used on the project and inherit from the project template page then the issue comes up again. So I've reposted this on a different forum, 'cause this is actually an EpiServer (http://www.episerver.com/[^]) project, and there's clearly some conflict with something else...but i really have no idea what it might be. It was a good tip you gave me, thanks! /Kenia
Kenia
-
Hello everybody! I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed. I tried somethning more simple like,
testing
and voila! doesn't work. It's easier to solve it now i think but it's freaking weird. The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
jQuery Bubble Popup - How to make a selectable Bubble Popup when mouse is overy
testing
and here the image is displayed! Both pages at the same level and with exactly the same code for the span element, the only diference is that the real page is an aspx and has a lot more content. Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image. Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while. Thanks so much in advance, /Kenia
This really works for me, <html lang="en"> <head> <title></title> </head> <body> testing </body> </html>
-
Hello everybody! I'm working on an asp.net 4 project in which I'm using a jquery plugin for displayig bubble popups on mouse over on certain elements. I started facing a problem with the borders of the plugin not displaying, and now after a while trying to figure what was wrong, I've narrowed the issue to the background images that are set as inline styles on the border elements not being displayed. I tried somethning more simple like,
testing
and voila! doesn't work. It's easier to solve it now i think but it's freaking weird. The image exists and the span is displayed but no image on the background. I tried an empty HTML file with just that same code
jQuery Bubble Popup - How to make a selectable Bubble Popup when mouse is overy
testing
and here the image is displayed! Both pages at the same level and with exactly the same code for the span element, the only diference is that the real page is an aspx and has a lot more content. Also when i look in Firebug and roll the mouse over the image on the styles panel to the right, the preview of the image is shown for the test file, but when i do it on real page, then it says that it can't find the image. Any ideas? Any help will be highly appreciated since I've been stuck on this for quite a while. Thanks so much in advance, /Kenia
-
Hello and thanks for your reply. I did what you suggested and when i convert the HTML file to .aspx without a master page the image is displayed, however if I use the master page used on the project and inherit from the project template page then the issue comes up again. So I've reposted this on a different forum, 'cause this is actually an EpiServer (http://www.episerver.com/[^]) project, and there's clearly some conflict with something else...but i really have no idea what it might be. It was a good tip you gave me, thanks! /Kenia
Kenia
Sir/Madam Please check out on other browers because some browers does not support the background image. Thanks