Can I give fixed length for ON and OFF buttons size?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • tvnaidu
    Contributor
    • Oct 2009
    • 365

    #16
    sorry for that, here is the styles.css file. I am looking layout like this:
    ON OFF STAT CURR ON OFF STAT CURR ON OFF STAT CURR
    outl1 O O ON/OF 5 ou9 O O ON/OFF 5 ou17 O O ON/OFF 7
    outl2 O O ON/OF 5 ou10 O O ON/OFF 5 out18 O O ON/OFF 7
    outl3 O O ON/OF 5 ou11 O O ON/OFF 5 ou19 O O ON/OFF 7
    ........
    .......

    out8........... ..



    Code:
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	background: url(bg.jpg);
    }
    .fillbg {
    	background-color: #FFFFFF;
    	border: 1px dotted #A8A8A8;
    }
    
    .style1 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #005359;
    	text-decoration: none;
    }
    
    
    
    .buttonon {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #FFFFFF;
    	text-decoration: none;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(ON.jpg);
    	height: 23px;
    	width: 45px;
    }
    .buttonon:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #000000;
    	text-decoration: none;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(onover.jpg);
    	height: 23px;
    	width: 45px;
    	}
    	.buttonoff {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #FFFFFF;
    	text-decoration: none;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(off.jpg);
    	height: 23px;
    	width: 45px;
    }
    .buttonoff:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #000000;
    	text-decoration: none;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(offover.jpg);
    	height: 23px;
    	width: 45px;
    	}
    	
    .onn {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #00CC00;
    	text-decoration: none;
    }
    .off {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #FF3300;
    	text-decoration: none;
    }
    .state {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #002124;
    	text-decoration: none;
    }
    
    .lowerbuttons {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #FFFFFF;
    	text-decoration: none;
    	height: 25px;
    	width: 60px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(button.jpg);
    }
    .lowerbuttons:hover {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 9px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #000000;
    	text-decoration: none;
    	height: 25px;
    	width: 60px;
    	border-top-style: none;
    	border-right-style: none;
    	border-bottom-style: none;
    	border-left-style: none;
    	background: url(buttonover.jpg);
    }
    
    .bottombg {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #FFFFFF;
    	text-decoration: none;
    	background-color: #047283;
    	border: 1px dotted #012C32;
    }
    .style2 {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-style: normal;
    	line-height: normal;
    	font-weight: bold;
    	font-variant: normal;
    	text-transform: none;
    	color: #00292D;
    	text-decoration: none;
    }

    Comment

    • captainB
      New Member
      • Aug 2009
      • 23

      #17
      which rows are missing?
      when you are viewing the source code (html) of the page sent from this microcontroller , are you getting a complete HTML with all rows?

      Next time you see missing rows, post the source code here.

      What kind of web server are you using to send the page?
      What kind of browser are you using to view the page?

      Comment

      Working...