[DOM] DOM mettre des espaces entre chaque ligne

Bonjour tout le monde

J'ai créé des champ de saisie de manière dynamique avec le DOM.

Je souhaiterais que ces champs de saisie soit plus espacé car ils sont collé.

Mes champs de saisie ne sont pas sur le même ligne et je voudrais avoir plus de place entre chaque ligne de champ de saisie.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

//on doit ajouter une ligne TR var tr = document.createElement("tr"); var td1 = document.createElement("td"); var td2 = document.createElement("td"); var td3=document.createElement("td"); td1.appendChild(document.createTextNode("Tag:")); var titretag=document.createElement('INPUT'); titretag.size=75; titretag.id='saisietag'+cpt; var nametag='tag'+cpt; titretag.name=nametag; td2.appendChild(titretag); var erreurtag=document.createTextNode("Saisir le tag"); td3.id='tag'+cpt; td3.style.color='#FF0000'; td3.style.visibility='hidden'; td3.appendChild(erreurtag); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); //ajout de la ligne tableau.appendChild(tr);

---

ajouter une marge sur tes TR :) ( via le style )

oui par exemple sinon il y a aussi des propriétés comme
line-height
padding
cell-spacing

je vous remercie de votre aide.

J'ai essayé ceci mais ça na rien changer.

Code:

---

1 2	tr.style.marginTop="32px";

---

Je vous remercie de votre aide

c'est sur que si tu as juste mis ça ...

Peux tu me guider s'il te plait.

Je ne vois comment faire.

Je veux mettre un interligne lorsque je créé ma ligne dynamiquement avec le dom


Je te remercie

as tu essaye avec padding ? avec line height ...

sinon

Code:

---

titretag.name=nametag;

---

sous IE est vain ...

J'ai essaye ceci:

Code:

---

1 2 3 4 5 6 7

function createparagraph(){ var tableau = document.getElementById('montab');   //on doit ajouter une ligne TR var tr = document.createElement("tr"); tr.style.padding='60px';

---

Je te remercie de ton aide

essaye pluto sur les tds ..

Je te remercie encore de ton aide.

J'ai essayé ceci

Code:

---

1 2	td.style.padding="5px";

---

Ceci fonctionne mais ce n'est vraiment ca que je veux car ca me met un espace au dessus et en dessous de la ligne moi je voudrais un espace juste en dessous de la ligne.

J'ai essayé ceci:

Code:

---

1 2	td.style.padding-bottom="5px";

---

firebug me met cette erreur:

Citation:

---

invalid assignment left-hand side
[Break on this error] td.style.padding-bottom="5px";\n

---

Je suis obliger de developper avec firefox

Je te remercie de ton aide

Tu veux un espace entre les cellules, par à l'interieur ...
cellspacing

Code:

---

<table cellspacing="1">

---

Merci encore de ton aide.

Je cree des lignes d'un tableau de manière dynamique avec le dom et je veux que derniere ligne du tableau soit plus espacé avec ma nouvelle ligne crée.

pas possible pour une seul ligne ...
tu dois faire un tableau séparé

a moins de faire une ligne vide juste avant ?

Je te remercie de ton aide.
Afin de resoudre mon problème j'ai procéder comme ceci:

Code:

---

1 2 3 4 5 6 7 8

var tr = document.createElement("tr"); var td1 = document.createElement("td"); td1.height="100px"; tr.appendChild(td1); //ajout de la ligne tableau.appendChild(tr);

---

Ceci est une methode, je sais pas si c'est la meilleur.

Merci de ton aide