[css]Row spacing in CSS

[LuCarD]

Ik heb een tabel waar ik tussen de verschillende rows extra ruimte wil.

Dit wil ik graag doen via CSS doen aangezien de volledige site al klaar is, maar de eind gebruiker wil nu toch extra wit ruimte ruimte tussen de verschillende rijen.

code:

tr {margin-top: 10px; padding-top: 10px}
td {margin-top: 10px; }  // padding werkt wel maar dan
// heb ik geen wit ruimte tussen rijen, maar de cellen worden groter..

Dit werkt dus helaas niet.

[ Voor 1% gewijzigd door LuCarD op 20-09-2004 16:19 . Reden: enter toegevoegd ]

[André]

Deze ben je vergeten

code:

td { padding-top: 20px }

Of bedoel je dat die padding niet werkt? Dan kun je altijd een grote border proberen:

code:

td { border-top: 20px solid #achtergrondkleur; }

[ Voor 56% gewijzigd door André op 20-09-2004 16:24 ]

[LuCarD]

André schreef op 20 september 2004 @ 16:20:
Deze ben je vergeten

code:

td { padding-top: 20px }

Ermmm ... maar dat maakt geen wit ruimte tussen de rijen, het vergroot de cellen. Cellen hebben namelijk een achtergrond kleur. ( dit stond ook in me commetaar )

border-spacing is wat ik wil alleen voor de top of bottom van de row, maar dan voor IE

[ Voor 5% gewijzigd door LuCarD op 20-09-2004 16:24 ]

[André]

Ik ben even aan het klooien geweest en de enige oplossing lijkt mij een lege TR invoegen.

[BtM909]

André schreef op 20 september 2004 @ 16:29:
Ik ben even aan het klooien geweest en de enige oplossing lijkt mij een lege TR invoegen.

Of toch maar cellspacing op de tabel te zetten

[BetuweKees]

LuCarD schreef op 20 september 2004 @ 16:23:
Ermmm ... maar dat maakt geen wit ruimte tussen de rijen, het vergroot de cellen. Cellen hebben namelijk een achtergrond kleur. ( dit stond ook in me commetaar )

Dat kan toch prima met die "dikke border" zoals die hierboven voorgesteld wordt?

[faabman]

voor in mozilla e.d.

Cascading Stylesheet:

table{
  border-collapse:seperate;
  border-spacing:0px 10px;
}

voor i.e. een mooie .htc aanmaken die het oplost zolang i.e. deze optie nog niet heeft geimplementeerd

[LuCarD]

André schreef op 20 september 2004 @ 16:29:
Ik ben even aan het klooien geweest en de enige oplossing lijkt mij een lege TR invoegen.

Ben ik ook bang voor Alleen kan ik niet makkelijk bij de html komen, aangezien die door een applicatie gemaakt wordt.

BtM909 schreef op 20 september 2004 @ 16:30:
[...]

Of toch maar cellspacing op de tabel te zetten

Dat geeft ook wit ruimte tussen de cellen onderling en niet alleen tussen de rijen.

BetuweKees schreef op 20 september 2004 @ 16:40:

Dat kan toch prima met die "dikke border" zoals die hierboven voorgesteld wordt?

Ik heb een achter grond plaatje. En niet alle cellen zijn gevuld. ( de tabel word gegenereerd door een gare applicatie )

faabman schreef op 20 september 2004 @ 16:48:
voor in mozilla e.d.

Cascading Stylesheet:

table{
  border-collapse:seperate;
  border-spacing:0px 10px;
}

voor i.e. een mooie .htc aanmaken die het oplost zolang i.e. deze optie nog niet heeft geimplementeerd

.htc ? ermm heb je daar meer informatie over? ( ik zal google even openen )

[faabman]

LuCarD schreef op 20 september 2004 @ 16:54:
[...]


Ben ik ook bang voor Alleen kan ik niet makkelijk bij de html komen, aangezien die door een applicatie gemaakt wordt.


[...]

Dat geeft ook wit ruimte tussen de cellen onderling en niet alleen tussen de rijen.


[...]


Ik heb een achter grond plaatje. En niet alle cellen zijn gevuld. ( de tabel word gegenereerd door een gare applicatie )
[...]

.htc ? ermm heb je daar meer informatie over? ( ik zal google even openen )

trek anders ff de MS Platform SDK binnen
http://www.microsoft.com/msdownload/platformsdk/sdkupdate/

en daarin dan de web developer sdk.. daarin wordt behaviors volledig behandeld

[LuCarD]

faabman schreef op 20 september 2004 @ 17:01:
[...]


trek anders ff de MS Platform SDK binnen
http://www.microsoft.com/msdownload/platformsdk/sdkupdate/

en daarin dan de web developer sdk.. daarin wordt behaviors volledig behandeld

Welcome to SDK Update
The Microsoft® Platform SDK site requires Microsoft Internet Explorer version 5.0 or later. You can download the latest Internet Explorer for free.

In addition, Microsoft ActiveX® controls are used to install components on your computer. If you are not running Microsoft Windows® or an operating system that is compatible with ActiveX controls, you cannot install the SDK using SDK Update.

Gelukkig is het maar 82 Mb ....

[ Voor 4% gewijzigd door LuCarD op 20-09-2004 17:15 ]

[Clay]

Je kan wel een htc schrijven die border-spacing voor IE vertaalt naar het cellspacing attribuut, maar dat attribuut heeft maar 1 waarde. Terwijl het css equivalent er 2 heeft, horizontaal en verticaal. Het zal dus wel enigszins beperkt zijn.

ff een htc in elkaar gefietst (afgeleid van csshover htc, is 75% hetzelfde)

[LuCarD]

Clay schreef op 20 september 2004 @ 19:35:
Je kan wel een htc schrijven die border-spacing voor IE vertaalt naar het cellspacing attribuut, maar dat attribuut heeft maar 1 waarde. Terwijl het css equivalent er 2 heeft, horizontaal en verticaal. Het zal dus wel enigszins beperkt zijn.

ff een htc in elkaar gefietst (afgeleid van csshover htc, is 75% hetzelfde)