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, ...Having Problems with my CSS SkinHaving Problems with my CSS Skin
Previous
 
Next
New Post
11/12/2007 10:36 AM
 

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 12:01 PM
 

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: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

 
New Post
11/12/2007 1:16 PM
 

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 10:31 PM
 

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 4:13 AM
 

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.

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Having Problems with my CSS SkinHaving Problems with my CSS Skin


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