Register | Log In
Store Download Support Blogs Forums Contact
Resources > Forums
HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Having Problems with my CSS SkinHaving Problems with my CSS Skin
Previous
 
Next
New Post
11/12/2007 6:36 AM
 
User is offline IS Manager

Joined: 7/31/2006
Posts: 48

I took the approach of making a pure CSS skin but when I installed it there are a couple problems with it. Things are missing from my html file I used to build it. 

#1 My design has a toppane in it and I dont see that in the layout of the page. When I view the HTML I see all the tags and the CSS applied.

#2 My style class variables are not applied at all which Im not sure why this would be my css file along with all the gif and jpg images are in the skin package I installed.

Any ideas?
 
New Post
11/12/2007 8:01 AM
 
User is offline Cuong Dang


Cuong Dang's Avatar

dnngallery.com
Joined: 3/29/2006
Posts: 433

Haven't seen your code, I don't know exactly what's missing.

Here are my suggestions:

  1. "toppane" not being rendered, double check to see if you have it runat="server"
  2. make sure you have your stylesheet named skin.css
  3. double check if you have specifiied the doctype for your skin so it'll render correctly

Hope this helps!

Cuong Dang
Co-founder, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox
 
New Post
11/12/2007 9:16 AM
 
User is offline IS Manager

Joined: 7/31/2006
Posts: 48

The Toppane I was missing the runat="server".   I have my style sheet named skin.css and put it in the Skin Package.  Where do I specify the doctype?

Sample code from my default html file is below.

<HTML>
<HEAD>
<LINK ID="skin" REL="stylesheet" TYPE="text/css" HREF="skin.css" />
</HEAD>
<BODY>
<center>
<table align="center" height=90%  width=80% class="themeWidth" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="79" class="themeLogo">
 <table width="100%" border="0" cellspacing="0" cellpadding="3">
        <tr>
          <td valign="left" class="themeDNNLogo">[LOGO]</td>
          <td valign="right" class="themeDNNLogo">[BANNER]</td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="102" align="left" valign="top" class="themeMenu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="30" colspan="2" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="100%" nowrap>[SOLPARTMENU]</td>
                <td align="right" nowrap>[LOGIN]&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td valign="left" nowrap class="OtherTabs">[CURRENTDATE]</td>
        </tr>
        <tr>
          <td valign="top" nowrap class="OtherTabs">&nbsp;[BREADCRUMB]</td>
          <td align="right" valign="top" nowrap class="OtherTabs">[USER]</td>
        </tr>
        <tr>
          <td align="center" colspan="3" class="othertabs" id="toppane" runat="server" width="100%" nowrap></td>
        </tr> 
        <tr>
          <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr valign="top">
                <td class="themeLeft" id="LeftPane" visible="true" runat="server" style="padding-top:25px;padding-left:15px;padding-right:10px;"></td>
                <td style="padding:10px;padding-top:25px;" id="ContentPane" runat="server"></td>
                <td class="themeRight" id="RightPane" visible="true" runat="server" style="padding-top:25px;padding-left:10px;padding-right:15px;"></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="32" valign="bottom" class="themeFooter"><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="32" align="center" class="themeMini">[COPYRIGHT]</td>
   <td height="32" align="center" class="themeMini">[TERMS]</td> 
        </tr>
      </table></td>
  </tr>
</table>
</center>
</BODY>
<HTML>

 

 

 
 
New Post
11/12/2007 6:31 PM
 
User is offline IS Manager

Joined: 7/31/2006
Posts: 48

I added the !DOCTYPE at the top before the header section in the above HTML and Im still not getting CSS elements getting applied.

What am I doing wrong here?
 
New Post
11/13/2007 12:13 AM
 
User is offline Timo Breumelhof


Timo Breumelhof's Avatar

www.40fingers.net
Joined: 2/9/2006
Posts: 3644

The CSS not being applied has no relation with the doctype.

Don't forget you should reference the toppane as #dnn_toppane or give it a class and use that.

Web applications, DNN websites, modules, skins and support
 
 Page 1 of 2
12Next 
Previous
 
Next
HomeHomeUsing DotNetNuk...Using DotNetNuk...Skins, Themes, ...Skins, Themes, ...Having Problems with my CSS SkinHaving Problems with my CSS Skin


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.
Attend A Webinar
Free Demo Site
Download DotNetNuke Professional Edition Trial
Have Someone Contact Me
Have Someone Contact Me

Like Us on Facebook Join our Network on LinkedIn Follow DNN Corporate on Twitter Follow DNN on Twitter

Advertisers

DotNetNuke Scoop!

Sponsors

DotNetNuke Corporation

DotNetNuke Corp. is the steward of the DotNetNuke open source project, the most widely adopted Web Content Management Platform for building web sites and web applications on Microsoft. Organizations use DotNetNuke to quickly develop and deploy interactive and dynamic web sites, intranets, extranets and web applications. The DotNetNuke platform is available in a free Community and subscription-based Professional and Enterprise Editions with an Elite Support option. DotNetNuke Corp. also operates the DotNetNuke Store where users purchase third party apps for the platform.
Copyright © 2002-2012 DotNetNuke Corp. / Terms of Use / Privacy
Hosted by MaximumASP