Avatar of mjoseph23
 asked on

How to edit the css of a ajax control Calender Extender

The calender extender is not displaying all the dates correctly. It is cutting off the dates to the right of thurs day(fri & sat) and cuts off the bottom from fourth week (fourth row) . I think it has to do with my table css format. I created a no_pad class so it no longer cuts off the dates to the right of thurs day and below the fourth week. now i have a new problem with the outer container of the table with the scrollable month, year...and Today:March 19, 2009. It is transparent and has no borders...creating a new class no_pad must have erased some of the property/values
  * ------------------------------------------------------------------------------------------------- #
  * Tables | Tabellen
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  * @section content-tables
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: solid 1px #333; border-bottom: solid 1px #333; 
          border-left: solid 1px #333; border-right: solid 1px #333; text-align:center; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }
  td {border-top: solid 1px #333; border-bottom: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #333;}
  th,td { padding: 0.4em;}  
  tr.alternatingtr  {background-color: #EEEEEE;}
  .no_border td {border-left: 0px #fff none; border-right: 0px #fff none;}
  .no_pad td{padding: 0px; border:solid 1px #333; background-color:White;}
  thead th { color: #000; border-bottom: solid 1px #800 solid; }
  tbody th { background: #666666; color:White }/*color: #333;*/
  /*tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }*/
  tbody th { border-bottom: solid 1px solid #fff; text-align: center; }
  tbody td { border-bottom: solid 0px #333; } /*border-left: 0px #fff none; border-right: 0px #fff none; }*/
  /*tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }*/

Open in new window


Avatar of undefined
Last Comment

8/22/2022 - Mon

View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck