login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Table..

Offline Simax - 22/11/2006 09:30 (laatste wijziging 22/11/2006 09:31)
Avatar van SimaxOnbekend Beste mensen,

Weet iemand de css commands voor cellpadding en cellspacing?

MvG,
Generix

11 antwoorden

Gesponsorde links
Offline Thomas - 22/11/2006 09:45
Avatar van Thomas Moderator Als je dan toch "tables m.b.v. CSS wilt gaan maken", kun je overwegen om over te stappen op divs i.p.v. tables.

cellpadding = padding binnen een tabelcel, dit is padding in CSS (padding-top, padding-right, padding-bottom, padding-left).

cellspacing = de afstand tussen verschillende cellen, dit is margin in CSS (margin-top, margin-right, margin-bottom, margin-left).
Offline Simax - 22/11/2006 09:48
Avatar van Simax Onbekend Bedankt .

Ik krijg de divjes zonder een tabel niet goed op zijn plaats.
Wil er graag 3 langs elkaar.

MvG,
Generix
Offline Thomas - 22/11/2006 09:51
Avatar van Thomas Moderator naast elkaar = float .

Gebruik je float?

Bekijk anders eens de CSS / div tutorial van Bladin.
Offline Simax - 22/11/2006 10:25 (laatste wijziging 22/11/2006 10:27)
Avatar van Simax Onbekend Wat je zegt klopt niet.

Mijn table klopt nu helemaal niet meer.

Normaal krijg je tussen alle td's 1px ruimte doormiddel van cellspacing='1'. Dit moet ik nu instellen door middeln van:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. table
  2. {
  3. border-color:		#000000;
  4. border-style:		solid;
  5. border-width:		1px;
  6. margin:			0px;
  7. padding:		             1px;
  8. }
  9.  
  10. td
  11. {
  12. background-color:	#ffffff;
  13. border-color: 		#000000;
  14. border-style:		solid;
  15. border-width: 		0px;
  16. margin:			0px;
  17. padding:		             0px;
  18. text-align:		left;
  19. vertical-align:		top;
  20. }


Alvast bedankt .

MvG,
Generix
Offline Thomas - 22/11/2006 11:17
Avatar van Thomas Moderator Mja, als je het beter weet, moet je het zelf doen eh.

Bij mijn weten is wat ik zei correct. Jij interpreteert het misschien verkeerd. Je geeft je table een padding, in plaats van je cellen een margin. Daarnaast hebben verschillende browsers verschillende defaults, voor tables, rijen (waarvoor je nog geen stijl hebt gedefinieerd) en individuele cellen.
Door het gebruik van tables (en onvolledige opmaak) geef je de browser ruimte voor eigen interpretatie. Bij gebruikmaking van divs definieer je altijd alles qua stijlopmaak, zodat deze ruimte voor eigen interpretatie er niet is.

Misschien loont het de moeite om:

* alles margins en paddings te resetten met:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. *
  2. {
  3.   margin: 0px;
  4.   padding: 0px;
  5. }


* een stijl te definiëren voor tr, of meteen over te stappen naar divs

* de verkorte schrijfwijze voor border-color, -style en -width te gebruiken. Overigens, als de border 0px is, hoef je verder niets te definiëren lijkt me. Het is nogal suf om een onzichtbare border een kleur of uiterlijk te geven.
Offline Simax - 22/11/2006 11:45
Avatar van Simax Onbekend Ok.

Padding = cellpadding
Margin = GEEN cellspacing

Wanneer ik gebruik maak van onderstaande css,
dan krijg ik tussen cellen(td) een ruimte van 2px ipv 1px,
omdat ik een margin heb ingesteld van 1px.

Wanneer ik cellspacing ga gebruiken word er overal maar 1px vrij gelaten tussen de cellen(td).

Mijn vraag:
'Hoe kan ik cellpadding en cellspacing op een juiste manier vervagen?'

php code - Bekijk de code zonder highlighting - Klap code in 
  1. table
  2. {
  3. margin:     0px;
  4. padding:     0px;
  5. }
  6.  
  7. td
  8. {
  9. margin:     1px;
  10. padding:     0px;
  11. }


Alvast bedantk .

MvG,
Generix
Offline Thomas - 22/11/2006 12:01
Avatar van Thomas Moderator Well duh.

Elke cel heeft een margin van 1px.
Zitten er 2 cellen naast elkaar dan is de marge tussen deze twee cellen 1+1 px...

Je kunt dit op 2 manieren oplossen:
1. Geef elke cel alleen een linker-marge en top-marge
2. werk met borders en border-collapse

(of 3. gebruik divs...)
Offline Simax - 22/11/2006 13:01 (laatste wijziging 23/11/2006 08:20)
Avatar van Simax Onbekend Border-collapse?
Offline Dark_Paul - 23/11/2006 08:27
Avatar van Dark_Paul PHP ver gevorderde Google CSS Border-collapse..
Offline Clemens32 - 23/11/2006 09:28
Avatar van Clemens32 PHP interesse http://www.hand...jving.html
Offline Simax - 23/11/2006 10:04 (laatste wijziging 23/11/2006 12:28)
Avatar van Simax Onbekend Ok.

Even denken..
Naar mijn weten vervang ik op onderstaande manier cellpadding='1' en cellspacing='1'. Kunnen jullie helpen mij het juiste pad in te sturen?

php code - Bekijk de code zonder highlighting - Klap code in 
  1. table
  2. {
  3. border-color:   #000000;
  4. border-collapse:   collapse;
  5. border-style:   solid;
  6. border-width:   1px;
  7. margin:   0px;
  8. padding:   0px;
  9. }
  10.  
  11. td
  12. {
  13. border-color:   #000000;
  14. border-collapse:   collapse;
  15. border-style:   solid;
  16. border-width:   1px;
  17. margin:   1px;
  18. padding:   1px;
  19. }


Graag opmerkingen?

MvG,
Generix
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s