Autor Thema: Tabelle mit CSS im WEB  (Gelesen 1995 mal)

Offline Bastel123

  • Senior Mitglied
  • ****
  • Beiträge: 355
  • Geschlecht: Männlich
Tabelle mit CSS im WEB
« 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
Gruß Sebastian
-----------------------------------------------------
Kaum macht man's richtig, schon funktioniert's.

Offline Axel

  • Moderator
  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 8.658
  • Geschlecht: Männlich
  • It's not a bug, it's Notes
Re: Tabelle mit CSS im WEB
« Antwort #1 am: 13.12.05 - 16:43:18 »
Achtung Crossposting.

Notes/Domino 6 & 7 Forum

Ohne Computer wären wir noch lange nicht hinterm Mond!

Offline umi

  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 2.062
  • Geschlecht: Männlich
  • one notes to rule'em all, one notes to find'em....
    • Belsoft AG
Re: Tabelle mit CSS im WEB
« Antwort #2 am: 14.12.05 - 08:16:43 »
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.
Gruss

Urs

<:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Jegliche Schreibfehler sind unpeabischigt
http://www.belsoft.ch
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~:>

Offline Bastel123

  • Senior Mitglied
  • ****
  • Beiträge: 355
  • Geschlecht: Männlich
Liegt wohl am Browser (Mozilla Firefox)
« Antwort #3 am: 14.12.05 - 13:24:10 »
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
Gruß Sebastian
-----------------------------------------------------
Kaum macht man's richtig, schon funktioniert's.

 

Impressum Atnotes.de  -  Powered by Syslords Solutions  -  Datenschutz