Popup en Javascript et resize fenetre [Résolu]

[dancom5]

Bonjour !

J'ai créé un lien a href avec du javascript pour ouvrir une fenêtre qui ouvre une nouvelle fenêtre selon les dimensions du contenu. Ça fonctionne très bien.

Mais, un problème surviens.

Sous Firefox, je peux sans problème faire ouvrir une image dans une fenêtre sans aucun défaut Mais avec IE8, une barre apparait en bas de l'image.

La bordure verte apparait seulement quand j'utilise ceci :

Code :

<A HREF="#" onClick="window.open(\'admin/images/'.$ligne['images'].'\',\'fen1\',\'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width='.$size[0].', height='.$size[1].', left=11, top=11\'); return(false)"><img src="admin/images/thumb_'.$ligne['images'].'" width="90" height="90"></a>

Quelque chose dans le javascript qui fait ça. J'ai testé sans javascript et c'est correcte.

Si quelqu'un peut m'aider à résoudre ce problème, c'est apprécié.

J'ai hébergé une capture pour montrer de quoi je parle. Espérant que j'ai bien choisi le bon hébergeur d'images :

http://imageshack.us/photo/my-images/689/imgbordure.jpg/

[andry.aime]

Bonjour,

Envoyé par dancom5

J'ai hébergé une capture pour montrer de quoi je parle. Espérant que j'ai bien choisi le bon hébergeur d'images :
http://imageshack.us/photo/my-images/689/imgbordure.jpg/

Tu as mal choisie l'hébergeur , c'est bloqué au boulot .
Met le directement en pièce jointe .

A+.

[dancom5]

Tiens, je ne le savais pas. Merci.
Voici l'image.

[SpaceFrog]

ce en serait pas plutot ou souci de css bordure sur l'image ?
mets le border de ton image à 0 ?
et le text-decoration de ta blaise a à none

[dancom5]

En premier, je croyais que ça pouvait être ça.

Non,finalement, c'est pas ça.

Le code qui cause le problème est le javascript.
J'ai supprimé tout autres codes css.

même avec border="0" dans la balise
img ça fait ça. Et c est juste une ligne
en dessous de l'image pas dans les autres
cotés.

[SpaceFrog]

Et c'est tout le code que tu as au dessus ?

[dancom5]

Oui, sur l'image que vous voyez est une autre image avec du CSS.
Mais, j'ai fait dans une page vierge en html sans code et c'est
exactement la meme chose..

[SpaceFrog]

tu peux filer une page minimaliste avec juste le code incriminé que je puisse tester ?

[dancom5]

Je suis sur un serveur qui n'est pas en ligne directement.
Alors, voisi les codes.

Ma nouvelle version que je viens de faire :
Je vais tester avec php:

Code :

1
2
3
4
5
 
<A HREF="javascript:void(0)"
onclick="window.open('http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg',
'welcome','width=300,height=200, toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0')">
<img src="http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg" width=90 height=90></A>

Mon ancienne qui pose probleme avec code php supprimé :
Il fonctionne pas très bien.

Code :

1
2
3
4
5
 
<A HREF="#"
 onClick="window.open(http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg',
 'fen1', 'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=90, height=90', left=11, top=11'); return(false)">
 <img src="http://i38.beon.ru/69/91/769169/22/22449522/0.jpeg" width="90" height="90"></a>

[dancom5]

code généré par php :

Code :

1
2
3
4
5
6
7
8
9
10
 
<table align="center" border="2" cellpadding="3" cellspacing="3" width="100%" bordercolor="#990000" bordercolordark="#990033" bordercolorlight="#993300">
    <tr>
        <td width="100%" align="center" nowrap bgcolor="#F0F0F0">
            <p>
            <A HREF="#" onClick="window.open('admin/images/tes_0302.jpg','fen1','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=250, height=338, left=11, top=11');return(false)"><img src="admin/images/thumb_tes_0302.jpg" width="90" height="90"></a><br><div style="font-size:8px">La dernière #66</div>
            </p>
        </td>
    </tr>
</table>

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
.base,a { /* pour la barre page par page mais peut influer sur les image) */ 
		font-size:16px; 
		font-family:Verdana;
		font-weight:900;
		outline:0; 
		text-decoration:none;
		color: rgb(255,255,255);
		background-color: rgb(201,216,182);
		text-align:center;
}
 
a {		
		color: rgb(255,255,255);
		background-color: rgb(95,121,57);
		font-weight:900;
}		
 
a.idimg { 		
		font-size:10px; 
		text-decoration:none;
		background-color:Transparent;
		color:black;
}
 
img {
		border:0px;
}

[dancom5]

Tiens, je viens de trouver le coupable :

Il va falloir que je modifie ça: .base,a est aussi pour la barre de page par page.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.base,a { 
		font-size:16px; 
		font-family:Verdana;
		font-weight:900;
		outline:0; 
		text-decoration:none;
		color: rgb(255,255,255);
		background-color: rgb(201,216,182);
		text-align:center;
}
 
a {		
		color: rgb(255,255,255);
		background-color: rgb(95,121,57);
		font-weight:900;
}

[SpaceFrog]

ça ne pouvait etre qu'un souci css ...

[dancom5]

Merci, vous m'avez mis sur la piste.

Et vu que ce n'est pas directement une balise div, c'est le code css que
je dois modifier pour séparer.

Envoyé par SpaceFrog

ça ne pouvait etre qu'un souci css ...