Hello,
i’m creating a form with a tabbed table for the web.
I’m using a css on a page for the design. It’s working fine but I can’t control the top of the rows. If I Change the TD.dominoTopTab value in the css-sheet nothing happens.
Here is the HTML Pass trough for the form:
xxx Dealer Information SystemThen follows the notes tabbed table.
The check.css is as follows:
BODY { background-color: #ffffff; }
BODY.DialogBox { background-color: #d4d0c8; overflow: hidden; }
A, TABLE, TH, TD, TR, SPAN, DIV, H2 { font-family: “MS Sans Serif”, Arial, Helvetica, sans-serif; font-size: 16pt; }
INPUT, SELECT, TEXTAREA { font-family: “MS Sans Serif”, Arial, Helvetica, sans-serif; font-size: 9pt; }
H2 { font-weight: normal; padding-left: 20px; /* mainly used for “no documents found” in the view */ }
.Error { color: red; } .Bold { font-weight: bold; }
TABLE.GroupInfo { background-color: #f7f0e6; }
.GroupHeader { background-color: #AAAACB; padding: 3px; }
.GroupHeaderTD { color: #ffffff; } BODY.MainHeader { background-color: #B5B2D6; }
TD.MainHeader { font-family: “MS Sans Serif”, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
BODY.MainFooter { background-color: #000000; }
A { color: blue; text-decoration: none;}
A:hover { color: red; text-decoration: none;}
A.Button { color: #000000; text-decoration: none; cursor: hand; }
A.Button:hover { color: #000000; }
TD.dominoTopTab {color: #7CFC00; background-color: #D6D3CE; background-image: url(redbackground.jpg?OpenImageResource); background-position: middle; background-repeat: repeat-x; vertical-align: middle; height: 100%; border-top: 0px solid #E7E3E7; border-left: 0px solid #E7E3E7; border-right: 1px solid #848284; }
TD.dominoTopTab A { color: #000000; text-decoration: none; cursor: hand; height: 100%; width: 100%; }
TD.dominoTopTab A:hover { color: #B5B2D6; background-image: url(redbackground.jpg?OpenImageResource);}
TD.dominoTopTab A:visited {background-image: url(redbackground.jpg?OpenImageResource);}
TD.dominoSelTopTab { vertical-align: middle; color: #000000; font-weight: normal; border-top: 1px solid #E7E3E7; border-left: 1px solid #E7E3E7; border-right: 1px solid #848284; }
Do I have to make any entries in the last tap (<@<) of the table properties?
Any Hints are welcome.
TIA
Sebastian