placement de div dynamique : appendChild
nouvelle question liee a la precedent mais dont je ne trouve pas la solution.
maintenant mais div cree sont bien l'un a coter de l'autre mais j'arrive pas a les imbriquer tous dans une div (pour qu'ils commence non pas a gauche de la page mais qu'ils commence a partir du milieu : genre :
_______________________
I-------------------------I
I-----------div div div div I
I-----------div div div div I
I-----------div div div div I
I-----------div div div div I
I-------------------------I
I______________________I
je suis sure que ca a voir avec l'attribut appendChild mais pas encore certain. Ils sont normalement appele a partir d'un div qui lui etait place correctement mais depuis que je les mets dynamique les nouvelles div se place comme suivant :
_______________________
I I
I div div div div div div div I
I div div div div div div div I
I div div div div div div div I
I div div div div div div div I
I______________________I
voici mon code a nouveau :
Code:
1 2 3 4 5 6 7 8 9 10 11 12
| function createBooks() {
for(var i=1; i<=portfolio[0]; i++) {
var newBook = document.createElement('div');
newBook.setAttribute('class','books');
newBook.innerHTML = '<a href="javascript:nextPicture('+i+')"><img src="'+portfolio[i][0]+'1.jpg" id="book'+i+'" border=0></a>';
document.body.appendChild(newBook);
}
}
//et la class est la suivante
.books {background-color: #f5f6ed; left:10px; float:left; } |