Salut,
 
Je voudrais savoir s'il y a une possibilité de créer une "class" capable de déterminer la moitié de la largeur de n'importe quelle image (à partir de ses données width, bien sûr...)
 
?
 
 
 
 
Edit : je me pose cette question pour pouvoir centrer un élément inline (une image) à l'intérieur d'un bloc...
 
 
En passant par ce moyen ci :
 
width: Xpx;   /* -------> largeur de l'image  */
left: 50%;   /* -------> position par rapport à l'écran  */
margin-left: -(X/2)px;    /* ----> reculer de la moitié  */
 
 
Comme j'ai une 10aine d'image par pages, autant ne pas avoir à calculer et taper la largeur de chacune... Quelle galère  
 

heu pourquoi pas mettre un text-align:center sur le bloc ?

avant que tu complète ta question je t'avais codé ceci :

function getImageSize(imgSrc,callback) {
    var div = document.createElement('div');
    div.style.position = 'absolute';
    div.style.height = '1px';
    div.style.width = '1px';
    div.style.overflow = 'hidden';
    var img = document.createElement('img');
    img.onload = function() {
        callback({
            w:this.width,
            h:this.height
        });
        document.body.removeChild(div);
    }
    img.onerror = function() {
        alert("l'url de l'image n'est pas bonne" );
    }
    img.src = imgSrc;
    div.appendChild(img);
    document.body.appendChild(div);
}
 
 
getImageSize('http://photocompetition.hispeed.ch/original/420361/concours_chien/chien_kutya_dog.jpg', function(size) {
    alert(size.w+'x'+size.h);
});

ca te retourne la taille d'une image sur une callback.

Le text-align:center peut-il s'appliquer sur une image ?
J'ai testé cette solution tt à l'heure, parmi 5 ou 6 autres, et sans résultat...
 
 
 
Edit :
 
 
- Dans mon css j'ai créé :
 
.centrage {
 text-align: center;
}
 
 
- Puis dans mon html, sur une image (n'importe laquelle) au milieu d'un paragraphe, je tape :
 
<p><img src="images/monimage.jpg" width="xxx" height="yy" class="centrage" /></p>
 
 
Mais nada....

Sinon merci beaucoup pour le code, je vais analyser ça dans la matinée...    
 
 
Bien que ça me semble un "gros truc" quand même...  

 
MAIS NANNNNN
 sur l'élément parent
si ton image est bien un élément inline c'est sur l'élément parent qu'il faut le mettre
 

.mondiv {text-align:center;}

<div class="mondiv"> 
<p><img src="images/monimage.jpg"  /></p> 
<p><img src="images/monimage.jpg"  /></p> 
<p><img src="images/monimage.jpg"  /></p> 
<p><img src="images/monimage.jpg"  /></p> 
<p><img src="images/monimage.jpg"  /></p> 
<p><img src="images/monimage.jpg"  /></p> 
</div>

 
Mais ouii  
 

 
 
PS :  
 
- Ici c'est <p> l'élément parent de <img>, <p> étant lui-même enfant de la <div id="maregion"> : j'avais zappé le <p> en fait ! Et comme je n'allais pas mettre ma règle sur ma région, j'étais allé directement par erreur sur mon <img>
 
- Cette règle de paternité napplique parce que text-align s'applique aux élément de type inline ? C'est bien ça ?
 

text-align est de type inherit, les enfants auront ce style (sauf si tu redeclare autre chose).
 
mais evidement c'est sur les éléments inline que l'effet du text-align sera appliqué

Ok... "type inherit", c'est noté.
 
Merci