Discussion :

[oOSebOo]

Salut,

j'ai un problème de compatilibité en CSS de certains bouton d'une thickbox jquery.

Code :

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

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
30
31
32
33
34
35
#TB_caption {
	float:left;
	height:15px;
	margin:0 10px 0 0;
	padding:7px 0 10px;
	position:relative;
	width:100%;
}
#TB_secondLine {
		-x-system-font:none;
		color:#666666;
		font-family:Arial,Helvetica,sans-serif;
		font-size:14px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:normal;
		position:relative;
		text-align:center;
}
#TB_prev {
	position:absolute;
	left:0px;
	margin-left:6px;
}
#TB_next {
	margin-right:12px;
	right:0px;
	position:absolute;
}
#TB_count {
	margin:0px 150px 0px 150px;
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="TB_caption">
<div id="TB_secondLine">
<span id="TB_prev">
<a href="#">< Précédent</a>
</span>
<span id="TB_count">Image 3 sur 5</span>
<span id="TB_next">
<a href="#">Suivant ></a>
</span>
</div>
</div>

Dans le code ci-dessus, mes liens TB_prev, TB_next et TB_count ne sont pas correct sous IE6 et 7, sous firefox tout est nickel... si quelqu'un à une idée...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#TB_closeWindow {
    height:22px;
    padding:0px 2px 0 0;
    right:0;
    top:0;
	position:absolute;
}
 
#TB_closeWindowButton{
	background:url(/m/_images/croix.gif) right 0px no-repeat;
    height:22px;
    padding-right:25px;
    font-size:13px;
}
 
#TB_closeWindowButton a:hover{
	background:url(/m/_images/croix.gif) right 19px no-repeat;
}

Code :

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

1
2
3
<div id="TB_closeWindow">
<a id="TB_closeWindowButton" title="Fermer" href="#">Fermer</a>
</div>

Dans le code ci-dessus, le bloc ne s'affiche pas du tout sous ie6, sous ie7 c'est parfait...

Merci de vos lumières...

[devyan]

Salut,

1/ peux tu préciser "ce qui n'est pas correct" ? (avec une copie d'écran ou décris nous ce que tu obtiens)

2/ essaye d'ajouter une bordure à #TB_closeWindow pour voir si tu parviens à localiser ton cadre.
Un détail : tu sembles utiliser la méthode des sprites pour TB_closeWindow mais le décalage que tu applique ne correspond pas à la hauteur de ton cadre (19px contre 22px) c'est à priori étrange mais peut facilement s'expliquer (si en plus du changement d'image tu provoque un déplacement par exemple )

[oOSebOo]

Salut,

Merci de ta réponse rapide!

Concernant le point 1, les boutons prev / suiv / image sur.. ne sont pas centré.
Sous firefox, prev est collé au coin gauche, suiv au coin droit, et image au milieu...

Concernant le point 2, effectivement tu as raison aucune raison d'avoir une height a 22.

[devyan]

Pour le 1/ j'obtiens avec IE7 :

<Précédent .............................. Image 3 sur 5 ........................ Suivant >

Image x sur y est centré dans la page et les 2 liens alignés de chaque côté de la page.

Quelle Doctype utilises-tu ? si aucun le problème dois provenir de là

[oOSebOo]

Oui effectivement je n'utilise pas de doctype.

Concernant le problème de placement, sous ie7 maintenant ca semble ok, c'est surtout ie6 qui me pose des problèmes.

Au début j'avais mis les liens prec suiv en fixed, ie6 ne l'accepte pas donc j'ai modifié pour mettre la version la, toutefois le placement n'est pas bon non plus...

[desert]

Bonjour.
Pour le 1er, essaie en retirant la position relative de ton 2e div (#TB_secondLine).
Pour le 2e, le chemin qui mène à ton image est sans doute mauvaise. Si "m" est un sous-dossier, il ne faut pas mettre de slash (/) devant.