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........... ..
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