Discussion :

[Fabien Gréban]

Bonjour,

J'ai très modestement ecrit le code de mon site web en html. celui-ci est en ligne depuis plusieurs année Jura sauvage

Je viens de m'apercevoir que la taille de mon bloc principal est différent quand je le regarde en local comparativement à la version en ligne. Ce qui a pour conséquence qu'une photo en 850 px de large apparait plus grande en ligne (genre 1000 px de large), ce qui réduit bien sur la résolution de l'image. Fait d'autant plus dommage que mon site est dédié à mes photos

Pouvez vous m'aider ?

[Auteur]

bonjour,


as-tu un exemple de photo qui pose problème ?


J'ai apprécié le site et les photos : joli travail

[Fabien Gréban]

Toutes les photos posent problème. Mais par exemple, lorsque j'ouvre cette page en local avec firefox (donc sans etre connecté au web), tout va bien. Mais lorsque j'ouvre cette même page mais cette fois sur le net et c'est toute ma page qui est légèrement plus grande, dont la photo ce qui réduit donc sa résolution.

[Muchos]

Super site et magnifiques photos !

Je vois que, dans l'exemple que vous donnez, l'image fait 850px x 617px. Or, ces dimensions ne sont fixées ni dans le code html ni dans le css.

Si les dimensions de photo sont les mêmes, vous pouvez mettre dans le css, par ex. :

Code :

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

1
2
 
img {width: 850px; height: 617px;}

Si c'est pour cette photo uniquement, vous mettez dans le html :

Code :

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

1
2
 
<img src="image/renard-neige.jpg" alt="un renard dans la neige" title="renard" width="850" height="617" />

Les dimensions sont ainsi respectées

[Fabien Gréban]

Merci muchos, mais j'ai déjà essayé et quand je mets width=850 l'image ne change pas de taille, par contre il faut que je mette width=780px pour que l'image fasse la même taille qu'une image de 850px que je regarde en local.

J'espère être compréhensible ....

[Muchos]

Ça n'est pas possible En local ou en ligne, un site vu dans les mêmes conditions sera identique.

Il faut trouver ce qui diffère entre les deux cas.