Discussion :

[SpongeBob]

Bonjour à tous,

Je voudrais pouvoir mettre des images n'importe où sur une page et lorsque je change la taille de la fenêtre du navigateur qu'il n'y ait pas de scrollbar (ascenseur) qui apparaisse. Si j'utilise une image en arrière plan alors aucun souci. Mais dès qu'elle est dans un objet js ou dans un div et bien puke puke j'ai des scrolls qui apparaissent.
J'ai bien essayé avec un

Code :

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

overflow:hidden

mais rien n'y fait ; au mieux mon image disparaît.
Je me moque que mon image soit coupé, je veux simplement faire disparaître ces satanés ascenseurs.
Merci d'avance !

[c_s_s]

Bonjour,

Essaie la propriété overflow: hidden;.
Il faut que le contenant sur lequel tu appliques cette propriété ait une largeur définie.

[SpongeBob]

Alors j'ai fait différent test et effectivement il semblerai que cela fonctionne lorsque j'utilise le overflow:hiddent avec une taille défini.
En revanche pour mon image qui utilise un petit script jquery... ça ne passe pas.

Les images se présentent comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id='img-container'>
<div id='s1' class='pics'>
 
<div><img src='http://localhost/site_test1/files/gimgs/87_a01.jpg' class='img-bot' /><p>&nbsp;</p></div>
 
<div><img src='http://localhost/site_test1/files/gimgs/87_a02.jpg' class='img-bot' /><p>&nbsp;</p></div>
 
<div><img src='http://localhost/site_test1/files/gimgs/87_a03.jpg' class='img-bot' /><p>&nbsp;</p></div>
 
<div><img src='http://localhost/site_test1/files/gimgs/87_a04.jpg' class='img-bot' /><p>&nbsp;</p></div>
 
</div>
</div>

et voici les CSS correspondant :

Code :

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

#img-container	 {margin: 0;  padding: 0; position:absolute; }

Code :

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

1
2
3
.pics {
z-index:0; padding:0px; margin:0px; 
}

j'ai donc essayé ceci :

Code :

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

1
2
3
.pics {
z-index:0; padding:0px; margin:0px; overflow:hidden ; height:768px;
}

et là, mon image disparaît... Les boutons next et prev me permettant de naviguer d'une image à l'autre sont là... mais pas d'image. Et en plus de cela, l'ascenseur est présent

Merci d'avance !

[SpongeBob]

Nobody, je n'ai toujours pas trouvé.
J'ai fait des test avec différentes images mais dès que c'est une image dont l'affichage est contrôlé par du JS, ça ne fonctionne pas.
Merci