Zur Navigation

Tabellen unter Lotus Notes

1 lava

Hallo,

mein Tabellenlayout mit einer

<tr>
<td width="2px" bgcolor="#FCBC50">
<img src="spacer.gif"></td>
<td><img src="mainpic.gif"></td>
<td width="2px" bgcolor="#FCBC50">
<img src="spacer.gif"></td>
</tr>
wird unter Lotus Notes zerhauen, die 2px-Spalten werden einfach zu breit. Auch dann, wenn ich stattdessen <td style="width:2px;background-color:#FCBC50"> </td> verwende, egal ob ich den Spacer reinnehme oder weglasse, und auch
<table style="border-left:2px solid;border-right: 2px solid; border-color:#FCBC50;" 
funktioniert nicht: da kriege ich zwar schmale Ränder, aber eine schwarze statt ockergelbe Farbe. Was könnte ich sonst noch tun???

10.12.2007 16:34 | geändert: 10.12.2007 16:35

2 Jörg

Hallo lava,

das (veraltete) HTML-Attribut width nimmt nur bloße Werte ohne Maßeinheit an - die Werte werden dabei als Pixelanzahl gewertet. Also width="2" wäre korrekt

Im Falle von border-left bzw. border-right würde ich auch die Farbe dort gleich mit definieren

style="border-left:2px solid #FCBC50; border-right:2px solid #FCBC50"

10.12.2007 17:05 | geändert: 10.12.2007 17:06

3 lava

[code] <table width="20"><tr>
<td width="2" bgcolor="#FCBC50"></td>
<td>bla </td>
<td style="width:2px;background-color:#FCBC50;"></td></tr>
</table>

<br/><br/>
<table width="20" style="border-left: 2px solid #FCBC50; border-right: 2px solid #FCBC50; ">
<td>bla</td>
</table> [\code]
wird beides nicht richtig angezeigt: im oberen Fall werden die Ränder weiter als 2px und im unteren erscheinen Sie schwarz unter Lotus Notes (nicht unter Explorer oder Firefox).

11.12.2007 08:59

4 Jörg

Ich habe mal grad gegoogelt und zu "lotus notes border-color" an erster Stelle diesen Thread hier gefunden - Google ist inzwischen doch recht fix mit dem Indizieren Oo

An zweiter Stelle fand ich diesen Hinweis:

/*
Strange that Notes has different shorthand order than the W3C spec.
Notes, border: color style width;
W3C, border: width style color;
*/
border: #555 solid 1px;


Also Lotus Notes könnte vielleicht mit dieser (nicht standardkonformen) Reihenfolge zurande kommen:

style="border-left:#FCBC50 2px solid ; border-right:#FCBC50 2px solid;"

... wobei getestet werden müsste, ob die anderen Browser diese Reihenfolge bewältigen. Andernfalls wäre dies vielleicht noch eine praktikable Variante:

style="border-color:#FCBC50; border-width:0 2px; border-style:solid;"

... wobei der erste Wert bei border-width jeweils oben und unten repräsentiert, der zweite links und rechts

11.12.2007 09:42 | geändert: 11.12.2007 09:43

5 lava

Okay, danke. Ich probiere es nachher in der Firma aus. Hast du auch noch eine Lösung, wie es ohne border rein über die td (unter Angabe einer Spaltenweite) funktionieren könnte unter Lotus? Mein Projektleiter würde das bevorzugen, weil das HTML-Template über ein Newsletter-Versandsystem verschickt wird und da die border-Angaben wohl auch manchmal Probleme bereiten....

11.12.2007 10:16

6 Jörg

Ich würde das padding dort noch auf 0 setzen:

<td style="width:2px;background-color:#FCBC50;padding:0;"></td>

11.12.2007 10:23

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]