Page 1 sur 2

passer en css cellpadding et cellspacing

Publié : 19 juin 2006, 19:25
par macgil
bonjour
y-a t il une solution pour avoir ces deux arguments de tableaux dans la css?

d'avance merci

macgil

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 19 juin 2006, 20:35
par epsy
salut,

Code : Tout sélectionner

td {
 padding: 10px; /* pour cell padding */
 margin: 50px; /* pour cellspacing */
}
:wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 20 juin 2006, 03:32
par macgil
marche pas désolé... meme avec margin 0 sur toutes les td de mon tableau, IE continue a mettre des barres blanches entre les cases.

le padding par contre marche bien...

Publié : 20 juin 2006, 05:32
par pascal
border-spacing, suffit de regarder la doc css.

Marche très bien dans Firefox.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060608 Ubuntu/dapper-security Firefox/1.5.0.4

Publié : 20 juin 2006, 10:13
par Asumbaa
Salut,

Et voilà un bon lien pour la doc CSS :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 20 juin 2006, 14:26
par macgil
merci bcp pour toute cette doc... j'ai plus progressé en 24h qu'en 6 mois grace a vous (mention spéciale pour Asumbaa!)

par contre, c'est bien ce que je disais...
Marche très bien dans Firefox.
le border-spacing, sous ie... passe pas... et bien que ie, on sait ce qu'on en pense, on n'est pas près d'en etre débarassé... :cry: donc on doit rester en doctype transition et garder le cellspacing dans le code html... :cry:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 20 juin 2006, 14:39
par calimo
En effet, c'est ce qui est indiqué ici : http://www.webdevout.net/browser_suppor ... derspacing :?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firelimace Firefox/1.5.0.4

Publié : 20 juin 2006, 14:44
par Asumbaa
macgil a écrit :merci bcp pour toute cette doc... j'ai plus progressé en 24h qu'en 6 mois grace a vous (mention spéciale pour Asumbaa!)
Tant mieux et :oops: c'est gentil
macgil a écrit :donc on doit rester en doctype transition et garder le cellspacing dans le code html... :cry:
Non non non, sûrement pas !
Il doit y avoir une histoire de border. Fixe ta bordure de table à 0 (ou ce que tu veux, la couleur de ta bordure si tu as envie, ajuste avec border-collapse) et tout devrait rouler.

Code : Tout sélectionner

border: none;
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 20 juin 2006, 15:04
par calimo
Est-ce que tu peux mettre en ligne la page ou un bout de page afin qu'on puisse tester avec Web Developer et son "Edit CSS" ?
http://joliclic.free.fr/mozilla/webdeveloper/

Et puis, le plus important : quel est l'effet que tu veux obtenir exactement ? Disparition des marges ? Ou les fixer à une autre valeur ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.4) Gecko/20060508 Firelimace Firefox/1.5.0.4

Publié : 20 juin 2006, 19:00
par macgil
tout se trouve ici: http://www.kanahr.net/quizz/start.php
je tiens les codes à disposition pour que ceux qui veulent puissent voir comment on fait un délire pareil sans bdd et en ayant pour contrainte d'entrer dans une iframe et d'etre modifié par qqun qui débute en html... :?

que les codeurs stricts ne me tappent pas sur les doigts merci...

la css est ici sauf erreur: http://www.kanahr.net/quizz/quizz.css


encore merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 21 juin 2006, 10:22
par Asumbaa
Salut,

Il suffit de rajouter

Code : Tout sélectionner

border-collapse: collapse;
dans la CSS du tableau.
Dans ta CSS, puisqu'elle est externe, tu ne dois pas mettre les balises <style>. Directement les définitions des styles. Et il n'y a pas de "/* laisser un style vide avant le premier, bug firefox */" qui tienne :wink:

D'autre part si tu as du contenu qui vient d'ailleurs en provenance de quelqu'un qui ne maitrise pas bien HTML, ce serait plutôt un doctype HTML Transitional qu'il te faudrait. Si tu tiens au XHTML il faudra que tu penses bien à fermer toutes tes balises :

Code : Tout sélectionner

<input type='radio' value='b' name='r1' class='quizz-radio' />
(espace - slash - chevron fermant pour les balises simples comme hr, br, input, link, img)

Bon courage !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 21 juin 2006, 15:49
par macgil
merci, je tente pour les bordures des que j'ai 5mn

merci pour les balises styles en trop... c'est un reste de mon premier transfert en css ca...

merci pour la fermeture des balises... meme si je trouve ca etrange...

dis, tu veux voir le script php? j'ai envie de te faire rire....

et puis:
/* laisser un style vide avant le premier, bug firefox */
je te jure, si je bet body en premier, elle passe sous ie et pas sous firefox!

encore merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 21 juin 2006, 16:27
par Bobe
Les attributs border, cellpadding et cellspacing restent valides même avec un doctype "strict" ;¬)

Publié : 21 juin 2006, 16:29
par Asumbaa
macgil a écrit :merci pour la fermeture des balises... meme si je trouve ca etrange...
Je persiste : prends plutôt un doctype HTML 4 dans ce cas.
macgil a écrit :dis, tu veux voir le script php? j'ai envie de te faire rire....
Si tu veux, j'ai bien besoin de rigoler aujourd'hui.
macgil a écrit :et puis:
/* laisser un style vide avant le premier, bug firefox */
je te jure, si je bet body en premier, elle passe sous ie et pas sous firefox!
Je demande à voir ! :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4

Publié : 21 juin 2006, 18:32
par macgil
Je persiste : prends plutôt un doctype HTML 4 dans ce cas.
point 1, je vais passer pour un cretin, mais sauf erreur je n'utilise aucune fonction xml... mais je demande qu'a apprendre. faut juste que je trouve quelque chose à quoi ca sert qui me motive a apprendre...
point 2, oui et les lignes de doctype html4, j'les trouve ou siouplait...
Si tu veux, j'ai bien besoin de rigoler aujourd'hui.
oui, il faut rire. quelle methode preferes tu pour que je te passe mes codes? j'veux pas poluer ici...
je te jure, si je bet body en premier, elle passe sous ie et pas sous firefox!

Je demande à voir !
je vais chercher ca dans la pile de fichiers maquettes qui traine dans mon dosier en cours...


pendant que chuis là, qqun a un lien d'un tuto simple pour savoir quels type de champs et quelles options utiliser suivant quelles données dans une base mysql? eh oui, un nouveau défi s'offre à moi...