HTML

css-Rahmen soll rechts unsichtbar sein

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

Hallo, ich habe eine Tabelle, die wie folgt definiert ist: [code] <table width="546" border="1" cellspacing="0" cellpadding="0" style="border-color:#999999; border-collapse:collapse;"> <tr valign="top"> <td width="500" class="textfett" style="background-color:#E6E6E6; padding:10px; border-bottom-color:#999999; border-right-color:#E6E6E6;">blah</td> <td width="46" align="center" style="background-color:#E6E6E6; border-bottom-color:#999999; padding-top:5px; border-left-color:#E6E6E6;"></td> </tr> ...weitere Zeilen [/code] Mein Problem ist, dass der rechte Rahmen, von der ersten Spalte nicht zu sehen sein soll, deshalb habe ich auch die Rahmenfarbe, wie die Hintergrundfarbe definiert (background-color:#E6E6E6;....border-right-color:#E6E6E6;). Im IE funktioniert das auch wunderbar, aber wenn ich mir das in Mozilla oder Netscape ansehen, dann sehe ich den Rahmen, der wahrscheinlich die Farbe #999999 (border-color) hat. Woran liegt das? Wie kann ich das ändern? Danke!

Antwort 1 von DerWahreDenny

border-style-right: none;
müsste gehen

Antwort 2 von kathrin-77

Du meinst es so?:


<td width="500" class="textfett" style="background-color:#E6E6E6; padding:10px; border-bottom-color:#999999; border-style-right: none">

Nein, also so funktioniert es auch nicht, im Gegenteil, denn jetzt sieht man sogar im IE (aber nur hauch dünn und fast transparent) eine Linie. In Mozilla ist es aber weiterhin so wie vorher, also normale dicke Linie :-(.

Antwort 3 von DerWahreDenny

so meinte ich es.
vielleicht, weil du das semikolon am ende vergessen hast?

Antwort 4 von DerWahreDenny

oder wegen:

border-right-style: none;
anstatt
border-style-right: none;

ich weiß jetzt garnicht, ob das unschädlich ist.

Antwort 5 von kathrin-77

Oh, du hast recht, habs vertauscht, aber hilft trotzdem nicht. Im IE ok und Mozilla weiterhin sichtbar. Versteh ich nicht, ich sag ihm doch, er soll keine Linie zeichnen :-(.

Hier der Stand:


<td width="500" class="textfett" style="background-color:#E6E6E6; padding:10px; border-bottom-color:#999999; border-right-style:none;">blah</td>
<td width="46" align="center" style="background-color:#E6E6E6; border-bottom-color:#999999; padding-top:5px; border-left-style:none;">bla</td>

Kathrin

Antwort 6 von kathrin-77

Also ich hab grad rausgefunden, woran es liegt. Wenn ich bei


<table width="546" border="1" cellspacing="0" cellpadding="0" style="border-color:#999999; border-collapse:collapse;">

das border-collapse:collapse; rausnehme, dann funzt es. Allerdings werden die Linien dann zu dick und mit so'nem Schatten dargestellt.

Jemand ne Idee, wie ich das lösen kann?

Kathrin

Antwort 7 von DerWahreDenny

vielleicht mußt du den border noch auf null setzen?
border-right: none 0;
oder
border-right-style: none;
border-right-width: 0;

Antwort 8 von kathrin-77

Nach ewigem probieren, hab ichs nun. Hier die Lösung:


<table width="546" border="1" cellspacing="0" cellpadding="0" style="border-color:#999999;">
<tr valign="top">  	
  <td width="500" class="textfett" style="background-color:#E6E6E6; padding:10px; border-bottom-color:#999999; border-right-style:none;border-width:0px;border-bottom-width:1px;">blah</td>
  <td width="46" align="center" style="background-color:#E6E6E6; border-bottom-color:#999999; padding-top:5px; border-left-style:none;border-width:0px;border-bottom-width:1px;">bla</td>
...weitere Zeilen
</tr>
</table>