img als border-style

[heiko]

ich habe für eine tabellenzelle folgenden stil definiert:
.right-border { border-right-style:solid; border-right-width:1px; border-color:333333;}

das ergebnis ist natürlich eine linie am rechten rand der zelle.

ich möchte gern dass über und unter der linie noch ca. 3 px frei sind kann ich das in der style definition lösen, indem ich z.b. ein bild als border-syle angebe? oder gibt es andere möglichkeiten?

grüße
heiko

[thomas-TGD]

Hi Heiko

ich möchte gern dass über und unter der linie noch ca. 3 px frei sind kann ich das in der style definition lösen, indem ich z.b. ein bild als border-syle angebe? oder gibt es andere möglichkeiten?

Es geht auch anders, und zwar wenn die Border nicht für die Zelle
der tabelle definierst sondern für <p>

Beispiel:

<td>
   <p class="right-border"> blablabla </p>
</td>

im Stylesheet muss du dann folgendes zusätzlich angeben:

margin-top:3px;margin-bottom:3px;margin-right:0px;

dann erscheint oben und unten die 3 Pixel Abstand und rechts
ist die Border auf der zellengrenze.

habs mit IE und Netscape 4.7 probiert.

Grüße, Thomas

[heiko]

1000 Dank!!!

[MudGuard]

Hi,

ich habe für eine tabellenzelle folgenden stil definiert:
.right-border { border-right-style:solid; border-right-width:1px; border-color:333333;}

Soll die border auch eine von der Text-Farbe abweichende Farbe haben? Falls ja, solltest Du einen korrekten Farbwert angeben.

ich möchte gern dass über und unter der linie noch ca. 3 px frei sind kann ich das in der style definition lösen, indem ich z.b. ein bild als border-syle angebe? oder gibt es andere möglichkeiten?

Bilder für border werden erst ab CSS 3 möglich sein - siehe http://www.w3.org/TR/css3-border/#the-border-image

cu,
Andreas