Discussion :

[zizou771]

slt
voila mon petit soucis:

je fait disparaitre une div avec style.visibility="hidden"; dans une fct javascript.

ma div disparait mais l'espace occupé par celle-ci est tjours présent.
En clair seul ce que contient ma div disparait.

help please?!?
merci d'avance

[Invité]

c'est la difference entre visibility et display... avec visibility, l'element est toujours là, mais on ne le voit pas. avec display, l'element est carrement enlevé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style.display = "none";

[zizou771]

merci c deja mieux
par contre qd j'l'affiche avec = 'block'; il reprend l'espace, y aurait-il moyen qu'il se mette par dessus une image (par exemple) au lieu de reprendre son espace.
Ca eviterai de décaler le reste de ma page.
??

[KiLVaiDeN]

il faut aussi mettre style.display="none" pour que ton div ne prenne aucune place.

Après pour qu'il reprenne la place initiale, tu fais style.display="".

[KiLVaiDeN]

Question pour torvalds17 : est-ce que le fait de mettre display à "none" implique que l'element devienne invisible ? ( au moins à l'écran, il n'aura surement pas l'attribut hidden pour sa visibility )

[Invité]

je ne comprend pas exactement la question...

si tu me demande si display="none" est suffisant pour ne plus afficher un element, alors oui.

le display:none enleve le noeud de l'arborescence de la page, alors que le visibility laisse le noeud, mais n'affiche pas son contenu... je ne suis pas sur d'etre pile poil dans les definitions du W3C, mais le principe est là...

Zizou > il va falloir passez à autre chose : le positionnement absolu, qui te permet de balader ton div un peu partout en le faisant se superposer avec le reste si necessaire

[KiLVaiDeN]

Merci torvalds17, ça répond à ma question, oui je voulais savoir si en quelque sorte le fait de mettre un élément à "display:none" impliquait qu'il soit aussi à "visibility:hidden", mais apparement ce sont deux choses indépendantes, bien que si l'élément est en "display:none", l'élément visibility ne soit plus utile

[zizou771]

avec position absolu ca marche nikel
par contre je veut que le texte de ma div soit sur 1 seule ligne dc j'ai mis overflow=visible mais ca marche pas, ca me le met sur 2 ligne si mon moniteur est trop petit.
why??

[zizou771]

c bon j'ai trouver:
en CSS :

white-space: nowrap;

[Invité]

voilà je crois que ce probleme est [Résolu] non ? (bouton en bas a gauche )