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
- Decalage son disney plus - Forum Audio
- Alignement tête d'impression canon pixma mg3650 - Forum Imprimante
- Décalage audio vlc android - Forum Lecteurs et supports vidéo
- Alignement manuel de la tête d'impression d'une canon 3650s. - Forum Imprimante
- Décalage entre frappe et affichage - Forum Matériel & Système
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;
}