Das Notes Forum
Domino 9 und frühere Versionen => ND6: Entwicklung => Thema gestartet von: Bastel123 am 13.12.05 - 16:10:03
-
Hallo Notes'ler,
ich möchte eine Notes Registertabelle (die mit den Reitern) ordentlich im Web darstellen (R 6.5.3 FP1)
Dazu benutze ich ein CSS. Das klappt auch soweit gut, nur komme ich nicht einzeln an die Reiter heran. Wenn ich den TD ändere, so wirkt sich das auf die ganze Tabelle aus. Eine Änderung des TD.TominoTopTab bewirkt nichts.
Hier der HTML Pass Trough für die Maske:
<!doctype html public "-//w3c//dtd html 4.0//en">
<link rel = "SHORTCUT ICON" href="http://xxx/APPS/Test/xxx_Dealer.nsf/xxx_ICON.JPG">
<html>
<head>
<title>xxx Dealer Information System</title>
</head>
<link rel="stylesheet" href="check.css?openPage" type="text/css">
Dann noch das Stylesheet check.css
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-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; background-image: url(redbackground.jpg?OpenImageResource); 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; }
Muß ich in dem < @ > Reiter der Tabelle noch etwas eintragen? Eigentlich sollen de Defaultwerte überschrieben werden. Myron hat sowas in einem ähnlichen Thread erwähnt.
Für jede Hilfe bin ich dankbar.
Bastel123
-
Achtung Crossposting.
Notes/Domino 6 & 7 Forum (http://www-10.lotus.com/ldd/nd6forum.nsf/DateAllThreadedweb/00a0b8f79ccab78e852570d6003a1e1f?OpenDocument)
-
Hi
Das Problem ist, dass Notes die CSS Informationen für die Tabs direkt ins HTML schreibt und daher dein CSS überschreibt.
evtl. könnte ein !important in den entsprechenden CSS etwas ändern.
Oder was sicher funktioniert, im OnLoad Event des Forms via JS die CSS Eigenschaften ändern.
-
Hallo,
ich hatte bisher nur mit Mozilla Firefox 1.07 getestet. Dort klappt es nicht.
Nimmt man aber den "guten alten" IE, dann klappt es auch mit dem Nachbarn.
Ich werde mal weiter testen. Falls jemand dazu eine Idee hat, bitte posten.
Gruß Bastel123