First Skin Problems - Skins, Themes, and Templates

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

Home All Forums

5/5/2007 10:30 PM

Mitch

Joined: 5/5/2007

Posts: 4

First Skin Problems

Hello.

I'm having a problem with my first custom skin. It is very simple - one HTML file, one CSS file, and two image files. When i open the HTML page on my local machine, everything displays correctly.

After I zipped these files into a ZIP, i uploaded and installed my skin with no problems or errors. However, when i apply the skin, none of the pictures show up. (I'm using the CSS file to load my pictures, not the HTML page). I really have no idea whats going on - its almost like its not loading the CSS for some reason. Can someone help?

5/6/2007 3:06 AM

Peter Schotman

www.dotnetnuke-websites.nl
Joined: 5/4/2004

Posts: 498

Re: First Skin Problems

jackson,

Please supply us with a link so we can look at it.

You can test whether the css get loaded by making some obvious change, e.g. p {color:pink;} use a relative path for your images in the css. Make sure the "boxes", in which your images are in, are being shown in the browser.

Peter

Peter Schotman
Cestus Websites voor DotNetNuke oplossingen in Nederland
Contact us for your custom design and skinning work.

5/6/2007 9:57 AM

Mitch

Joined: 5/5/2007

Posts: 4

Re: First Skin Problems

Thanks for the reply.

Here is the link to my site. There really isn't much there. The Navigation/Login controls are supposed to have a gradient picture behind them, and so is the footer. It also looks like my table widths in the CSS did not get loaded either. (And I made a change to the CSS that made my menu text bright green, but that did work either.

Here is my HTML Code. CSS is coming.

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml" >head>
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>body>
<table id="Wrapper" align="center" border=0>
<tr>
<td colspan=2 id="ControlPanel" runat=server>
</td>
</tr>
<tr>
<td colspan=2 id="Header">
</td>
</tr>
<tr>
<td colspan=2 valign=top>
<table width=100% id="Nav">
<tr>
<td width=33% valign=middle nowrap>
[Nav]
</td>
<td align=center width=33% valign=middle nowrap>
[Breadcrumb]
</td>
<td align=right width=33% valign=middle nowrap>
[User]     [Login]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="ContentPane" runat=server>
</td>
<td id="SideInfo" runat=server>
</td>
</tr>
<tr>
<td colspan=2 id="Footer" align=center>[Copyright]</td>
</tr>
</table>
</body>
</html>

5/6/2007 9:58 AM

Mitch

Joined: 5/5/2007

Posts: 4

Re: First Skin Problems

Here is my CSS:

#Wrapper
{
width:770px;

}

#Header

{

background-image: url(top.jpg);height:150px;vertical-align:text-bottom;text-align:right;

#ContentPane

{

}

width:578px;

#SideInfo

{

}

width:192px;

#Nav

{

background-image:url(gradient.jpg);font-family:Arial;font-size:small;color:Lime

}

#Footer

{

background-image:url(gradient.jpg);font-family:Arial;font-size:small

}

Thanks for the help.

Mitch

}

5/6/2007 2:55 PM

Nik Kalyani

www.kalyani.com
Joined: 8/1/2003

Posts: 769

Re: First Skin Problems Modified By Nik Kalyani on 5/6/2007 2:55:36 PM

Are your images in the same folder as the CSS files. Relative image locations referenced in CSS files using url() are relative to the CSS.

Also, DNN skins should only contain the portion between the <body> ... </body> tags. If you name your CSS file skin.css and include it in the zip, DNN will automatically reference it.

My guess is that your hard-coded Stylesheet.css is being added to the page (assuming you included the entire file as posted versus just the code in the body). As a result, the browser is looking for the images in the root of your website.

Nik

Nik Kalyani
Co-founder
DotNetNuke Corporation
Blog | Twitter | FaceBook

Page 1 of 2

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:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
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.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)