Décalage et problème d'alignement + jQuery
capla
-
capla -
capla -
Bonjour,
Ca fait déjà quelques jours que je n'arrive pas à trouver la solution.
http://cavalet.net/poshtarov/po2010/docs/_photos.html
Enfin il s'agis d'un décalage qu'on appérçoit dans tous les browsers. Le problème doit être quelque part dans l'alignement horizontal du #contenu. Essayez avec la première image. Lorsqu'on clique sur la première image pour l'agrandir on voit un petit décalage à gauche de quelques pixels. Des fois il faut visualiser la page en fullscreen dans le browser pour bien capter le problème.
Le deuxième problème c'est que dans IE le changement (fadeOut et fadeIn) n'est pas assi doux mais bien trop brusque:
jQuery(document).ready(function(){jQuery(".opencrea1").click(function(){jQuery("#contenu2").fadeIn(200);jQuery("#contenu").fadeOut()})});
jQuery(document).ready(function(){jQuery(".close").click(function(){jQuery("#contenu2").fadeOut(1000);jQuery("#contenu").fadeIn()})});
Ca fait déjà quelques jours que je n'arrive pas à trouver la solution.
http://cavalet.net/poshtarov/po2010/docs/_photos.html
Enfin il s'agis d'un décalage qu'on appérçoit dans tous les browsers. Le problème doit être quelque part dans l'alignement horizontal du #contenu. Essayez avec la première image. Lorsqu'on clique sur la première image pour l'agrandir on voit un petit décalage à gauche de quelques pixels. Des fois il faut visualiser la page en fullscreen dans le browser pour bien capter le problème.
Le deuxième problème c'est que dans IE le changement (fadeOut et fadeIn) n'est pas assi doux mais bien trop brusque:
jQuery(document).ready(function(){jQuery(".opencrea1").click(function(){jQuery("#contenu2").fadeIn(200);jQuery("#contenu").fadeOut()})});
jQuery(document).ready(function(){jQuery(".close").click(function(){jQuery("#contenu2").fadeOut(1000);jQuery("#contenu").fadeIn()})});
A voir également:
- Décalage et problème d'alignement + jQuery
- Iptv decalage son image ✓ - Forum Gravure
- Alignement tête d'impression canon pixma mg3650 - Forum Imprimante
- Canon MG3650 et problème d'alignement des tetes - Forum Imprimante
- Décalage audio vlc android - Forum Lecteurs et supports vidéo
- Supprimer alignement cartouche hp - Forum Imprimante
1 réponse
Et pourtant le CSS et identique:
body {
font-family: Calibri, Arial;
font-size: 90%;
margin-top: 0px;
}
#contenu {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
width: 800px;
ET POUR L'IMAGE:
#contenu2 {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
background-color: #FFF;
z-index: 1000;
width: 800px;
}
body {
font-family: Calibri, Arial;
font-size: 90%;
margin-top: 0px;
}
#contenu {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
width: 800px;
ET POUR L'IMAGE:
#contenu2 {
margin-top: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
line-height: 100%;
background-color: #FFF;
z-index: 1000;
width: 800px;
}