Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Background images not displayingBackground images not displaying
Previous
 
Next
New Post
10/30/2008 7:39 AM
 

Hello,

I just installed the latest version of DNN.  I created my own skin and was able to load it properly. All my skin consists of is a table cell and <td> elements with id attributes like LeftPane, RightPane, etc.  I have a css file called skin.css in the skin folder, this is there I am setting the background-images.  My html and css is below

<td id="logoPane" runat="server"></td>

And the css:

#logoPane{background: url(images/logo.bmp);}

When I apply the skin, the image doesn't display, I'm sure its something easy - any help would be appreciated.  Thx.

 

Another Problem:

If I code the image url right in the html file rather than using css, when parse the skin and click apply, I see the image, then when I click Home, I see nothing...

 

 
New Post
10/30/2008 8:59 AM
 

Grab one of the IE or Firefox web toolbars and check the rendered CSS and code.  Could be as simple as a plain color overlaying your image.

Jeff

 
New Post
10/30/2008 10:42 AM
 

Brad,

You have two problems.  One of which is a common mistake with DotNetNuke.

the ID tag of your skin, when parsed by DotNetNuke, is renamed.  So when you reference it in your CSS, well...your really not referencing anything 'casue that ID no longer exists :->

BUT you MUST use the ID tag in the skin in order for DNN to turn it into an actual pane right...so here's the solution, use "classes" instead for all CSS, and just forget about the whole ID business(I can't even think of what ID's are called in CSS anymore :->).

The second problem is your url, you should have ./images/logo.bmp  <-- AHHH!!! Are you using a BMP?   you're going to hold the world record for the slowest loading webpage in the world if your using bmps! :->

 

Anhyhow try this for your code and see what happens:

<td id="logoPane" class="mycssLogoPane" runat="server"></td>  <!--In adition to using classes, prefix the class with something unique so that you don't conflict with someone elses work accidently   -->

And the css:

.logoPane

{

background: url(./images/logo.bmp);

}
 

 

 

I"m thinking you shoulds run through your skin looking for those problems, and you'll probably cure alot of other "strange" things that are happening!

Good luck and don't give up!  It's worth the effort

 


Josh Martin

 
New Post
10/31/2008 12:25 AM
 

Hi Josh,

Thank you very much for your reply, you were right about the id changing when parsed.  I used the class for the css and it worked great!  Oh and don't worry, I don't use bmp's, I always convert my pics before I finish the site :)   Anyways, appreciate the help.  Cheers!

 
New Post
10/31/2008 11:39 AM
 

Brad wrote
 

Hi Josh,

Thank you very much for your reply, you were right about the id changing when parsed.  I used the class for the css and it worked great!  Oh and don't worry, I don't use bmp's, I always convert my pics before I finish the site :)   Anyways, appreciate the help.  Cheers!

Glad to help.  Do let me know if you need anythink else.  You can contact me on my website if you want faster service :->

 


Josh Martin

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Background images not displayingBackground images not displaying


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out