ASP dot Net design issues


  1. In asp.net submit button is used only as input. if class is provided for input:focus{}, when using tab key the submit button is disappear, to avoid this give class as input[type="text"]:focus {}
  2. h1 class not apply for asp:label heading
  3. In asp.net add, edit, delete icons are write as input tag so input:hover effect shows in this icons also
  4. background colour not take effect add rgba(0,0,0,0,)
  5. ASP grid pagnation style css
    .pagination
    { background-color:#C22125; padding:4px; color:#fff; font-weight:bold; font-size:12px;
        }
        .pagination  td
    {    border:0;padding:4px;
        }
     .pagination  table:hover
    { background-color:#C22125;
        }
        .pagination  span
    {  color:#fff;font-weight:bold; font-size:12px;
        }
        .pagination  span:hover
    {  color:#fff;font-weight:bold; font-size:12px; text-decoration:underline;
        }
        .pagination  span:active
    {  color:#fff;font-weight:bold; font-size:12px;
        }  
  6. .menu {
           display:inline; color:#FFFFFF;  
           margin:3px 3px 0 3px;   /* for gap between menu */
           width:150px; height:34px;line-height:34px;  text-align:left; 
         }
         /*
    .menu:hover {
          text-decoration:underline;color:#000;      
           width:100%; height:100%;  line-height:34px;  z-index: 1000; 
           /*background:url(../../images/apms_redbg5.png)repeat-x;
           background-color:#c10000;
         }*/
    .level1
        {        
            /*background:url(../../images/apms_redbg5.png) repeat-x;    */background-color:#c10000;
            color: #fff;
            display: inline-block; width:180px;
            font-size: 11px;height:32px; line-height:32px;padding:0 3px 0 2px;
            font-weight: bold;text-decoration: none;      
            text-align:left; /* for submenu align */
            
        }
        background-color:#c10000;
            color: #fff;
            display: inline-block; width:180px;
            font-size: 11px;height:32px; line-height:32px;padding:0 3px 0 2px;
            font-weight: bold;text-decoration: none;      
            text-align:left; /* for submenu align */
            
        }
        .level1:hover
        {      
           font-weight: bold;
            font-size: 11px; height:32px;  text-align:left;
              text-decoration:underline; color:#000;
            background:url(../../images/apms_menuhoverbg.png) center no-repeat;
            /*background-color:#F10000;*/
        }
        .level1:active
        {
            position: relative;     
             color: Maroon;font-weight: bold;
            font-size: 11px;        
            
        }
    .level2
        {        
            /*background:url(../../images/apms_redbg5.png) repeat-x;*/
            background-color:#CD3E38 ;
            color: #fff;
            display: inline-block; 
            text-indent:3px;
            width:220px; 
            font-size: 11px;height:41px; line-height:41px;
            font-weight: bold;text-decoration: none; /* */    
            text-align:left; /* for submenu align */
           
        }
        .level2:hover
        {      
            font-weight: bold;        
             text-decoration:underline; color:#000; 
            background:#CD3E38 url(../../images/apms_menuhoverbg.png)left no-repeat;
            /*background-color:#F10000;*/
        }
          td .level2:hover
        { 
            white-space:normal; border-collapse:collapse;   background:#CD3E38;
        }
         td .level2 a:hover {background:url(../../images/apms_menuhoverbg.png) left no-repeat;}
        td .level1:hover
        { 
            white-space:normal; border-collapse:collapse;  background:#c10000 url(../../images/apms_menuhoverbg.png) center no-repeat;
           
        }

Comments

Related Posts Plugin for WordPress, Blogger...

Popular Posts

மூக்குத்தி அணிவது ஏன்?

UI Certifications Q & A

Technicals details select

Do's and Don'ts - Central Pollution Control Board (CPCB),

for programmers dropdown

medicals dropdown

:: Useful web links List