Zikula Community

• mesteele101
  
  

  • Rank: Helper
  • Registered: Sep 19, 2003
  • Last visit: May 25, 2010
  • Posts: 611

  Posted: Jul 21, 2008 - 11:07 PM

  For some reason this module is not formatting a table correctly. Its untouched.
  
  My Members List
  
  It also looks different in Firefox. It may have a missing or extra tag in the module code?
  
  How can I fix it?
  
  TIA...
  

  • 
  •  
• markwest
  
  

  • Rank: Team Member
  • Registered: Mar 18, 2002
  • Last visit: Oct 21, 2009
  • Posts: 6606

  Posted: Jul 21, 2008 - 11:29 PM

  Your theme doesn't define the PN-datatable and related classes - see the theme design guidelines.
  
  Further, as this may cause layout issues, your theme doesn't provide valid HTML output.
  
  -Mark
  
  --
  Visit My homepage and Zikula themes.

  • 
  •  
• mesteele101
  
  

  • Rank: Helper
  • Registered: Sep 19, 2003
  • Last visit: May 25, 2010
  • Posts: 611

  Posted: Jul 25, 2008 - 11:01 PM

  My theme was a converted AutoTheme. I'm told there are going to be some quirks in it bacuse of this. The one quirk I'm finding is this and I'm not real sure how to either remove the code from the core that produces the border or fix it directly in the core. Is possible tat I could add something to the CSS to fix it but I'm not sure how to do this?
  
  Any help would be greatly appreciated.

  • 
  •  
• **unknown user**
  
  

  • Rank: Helper
  • Registered: Mar 16, 2002
  • Last visit: May 18, 2010
  • Posts: 985

  Posted: Jul 25, 2008 - 11:07 PM

  Add following code to your styleSheet:
  
  

  Code

  /* Table styles based on style from the css table gallery
     STYLESHEET: CLEAR BLUE, AUTHOR: ROBERT HARTL */
  
  table.pn-datatable {
      width:100%;
      line-height:1.2em;
      background-color:#fff;
      border-collapse:collapse;
      text-align:left;
      letter-spacing:.1em;
      margin-bottom:1em;
  }
  
  table.pn-datatable caption {
      padding-bottom:1em;
      text-align: center;
      font-size: 1.4em;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing:.6em;
      color: #333;
      background: transparent;
  }
   
  table.pn-datatable thead th, table.pn-datatable tfoot th, table.pn-datatable tfoot td {
      border-right: 1px solid #fff;
      padding-left:5px;
      font-variant:small-caps;
      letter-spacing:0.1em;
      color: #fff;
      background: #a0a0a0;
  }
   
  table.pn-datatable tfoot th, table.pn-datatable tfoot td {
      border-top: 2pt double #009;
  }
  
  table.pn-datatable td, table.pn-datatable th {
      padding:4px;
  }
  
  table.pn-datatable tbody tr th, table.pn-datatable tbody tr td {
      border-bottom: 1px dotted #467aa7;
  }
  
  table.pn-datatable tbody tr:hover td, table.pn-datatable tbody tr:hover th {
      border-bottom: 1px solid #467aa7;
  }
  
  table.pn-datatable tbody td a, table.pn-datatable tbody th a {
      background: transparent;
      text-decoration: none;
      border:none;
  }
  
  table.pn-datatable tbody td a:hover, table.pn-datatable tbody th a:hover {
      background: transparent;
  }
  
  table.pn-datatable .odd {
      background: #e3e3f4;
  }
  
  table.pn-datatable tbody tr:hover {
      color: #333;
      background: #e8eaec;
  }
  
  table.pn-datatable tbody tr th:hover {
      background:#fff;
  }

  
  and change where ever you need to...
  
  - Igor

  • 
  •  
•  
•  

Users on-line

• 0 users

This list is based on users active over the last 60 minutes.