Le curseur d'image ne fonctionne pas bien avec css

J'ai un curseur d'image qui est positionné sur une image d'arrière-plan mais je n'arrive pas à obtenir le curseur d'image pour positionner le point mort intérieur et ne pas couper l'image d'arrière-plan. En outre, il a un comportement étrange où la première diapositive est toujours plus loin alors le reste!?!?Le curseur d'image ne fonctionne pas bien avec css

#slider { 
background:url("../images/bg-slider.gif") no-repeat scroll 0 0 transparent; 
height:389px; 
width:590px; 
} 

#slider ul { padding:25px;} 
    #slider ul, #slider li { width:590px; height:389px; overflow:hidden; list-style:none;  }

http://fluroltd.com/clients/harveys/

Source

2010-08-22 Solidariti

Pekka merci d'avoir ajouté le # qui était mon erreur car ils n'ont pas été copiés. Le lien – Solidariti

ressemble bien au chrome - dans quel navigateur se trouve le problème? – lnrbob

Salut Inrbob, il ne semble pas correct dans n'importe quel navigateur, y compris le chrome. s la première diapositive n'est pas aussi loin et les diapositives qui la précèdent. – Solidariti

J'ai trouvé le problème plus tôt dans mon CSS J'ai eu une déclaration plus générique sur le CSS pour ul. Fait plus spécifique et alto.

Source

2010-08-23 08:27:57 Solidariti

ah ok, je pense voir ce que vous voulez dire. Essayez de vous débarrasser de cette ligne:

#slider ul { padding:25px;}

Ceci augmente la largeur de votre ul et li de 50px. L'autre option est de réduire la déclaration de largeur à 540px ...

EDIT

une troisième option serait de modifier les js que vous utilisez. Actuellement, il utilise .width() pour obtenir la taille de l'élément. Cela n'inclut pas les valeurs de remplissage. Utilisez .outerWidth() pour inclure le remplissage dans le calcul.

Source

2010-08-22 19:52:34 lnrbob

1. Le retrait du rembourrage ne fonctionne pas. 2. La réduction de la largeur de l'arrière-plan ne fonctionne pas non plus uniquement en coupant l'image d'arrière-plan. 3. La modification de .width à outerwidth() arrête le curseur tous ensemble. – Solidariti

J'ai trouvé le problème plus tôt dans mon CSS J'ai eu une déclaration plus générique sur le CSS pour ul. Fait plus spécifique et alto. – Solidariti

Le curseur d'image ne fonctionne pas bien avec css

Répondre

Questions connexes