Discussion :

[Death83]

Salut a tous,

j'ai défini une image comme ca:

Code :

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

<img src="" style="max-width:820px;">

Ca marche bien osus FF mùais ca ne marche pas sous IE.
Est-ce normal? Si oui comment y remédier?

Ps: En fait c'est pour que les utilisateurs de mon forum puisse intégrer des images avec leur liens. Je veut donc controler la largeur maximale pour que ca ne déforme pas mon forum.

[amika]

oui c normal car ie n'interprete pas max-width et min-width

[Death83]

arf et y'a pas moyen de faire la meme chose autrement?

[Roromix]

javascript ou php je crois bien !
Je pense qu'il faut mieux utiliser PHP pour une meilleur compatibilité.

PHP

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
Tu regarde si ya une insertion d'image, si yen a une tu utilise le script suivant à ta sauce...
 
<?php 
        $affiche=150; 
 
            $image='images/thumbs/exemple.jpg'; // adresse de l'image 
            if (!file_exists($image)) 
        // image de substitution 
            { 
            $image='admin/images/nopict.gif'; 
            $largeur2=84; 
            $hauteur2=60; 
            } 
            else 
            { 
            $taille=getimagesize($image); 
            $largeur=$taille[0]; 
            $hauteur=$taille[1]; 
 
            //image verticale ou carrée 
            if ($hauteur>=$largeur) 
            { 
            $hauteur2=$affiche; 
            $largeur2=round(($hauteur2/$hauteur)*$largeur); 
            } 
 
            //image horizontale ou carrée 
            else 
            { 
            $largeur2=$affiche; 
            $hauteur2=round(($largeur2/$largeur)*$hauteur); 
            } 
            } 
echo" 
<img border='1' src='$image' width='$largeur2'  height='$hauteur2' > 
"; 
?>

[Death83]

Merci c'est également ce que j'ai pensé faire. je me suis lancer la dedans mais le probleme c'est que les images ont des adresse avec http et le getimagesize ne marche pas dans ce cas la .

[Roromix]

donc alors, soluce 1 :
- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu garde les nouvelles tailles et tu met l'URL de l'image distance

soluce 2 : Javascript

[Death83]

donc alors, soluce 1 :
- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu garde les nouvelles tailles et tu met l'URL de l'image distance

soluce 2 : Javascript

Je veut pas javascript (caca).
Et je ne peut pas enregistrer l'image sur mon serveur. Car en fait c'est pour un forum et donc les personnes mettent leurs lisn pour afficher l'image (comme sur ce forum par exemple). SI je me met a enregistrer sr le serveur toutes les images c'est sources de beaucoup de probleme 8) .

[Roromix]

Oups dsl, j'ai oublier une étape.

- Tu enregistre l'image sur ton serveur
- Tu vérifie la taille avec le script PHP
- Tu supprime l'image du serveur
- Tu garde les nouvelles tailles et tu met l'URL de l'image de départ.

[Roromix]

Bon je crois qu'on va en finir la car moi je commence à être fatigué et puis j'ai surement trouvée une solution :

CSS : Emuler max-width avec Internet Explorer
L'utilisation d'une extension propriétaire du langage CSS permet au navigateur de Microsoft de se conformer aux attentes du designer.

27 Avril 2005 Forum

Réagissez dans les forums de JDN Développeurs

La propriété CSS max-width sert à spécifier la largeur maximale que peut prendre un élément. En pratique, cela autorise la création d'éléments qui prennent la taille idéale pour ce qu'ils contiennent, sans pouvoir dépasser une certaine valeur.


Le navigateur de Microsoft ne permet cependant pas de faire appel à cette propriété. Pour passer outre cette limitation, il est possible d'utiliser une extension de CSS, invalide car propriétaire (limitée à IE) : expression. Cette extension permet de lancer des appels JavaScript au sein même de la feuille CSS. Cela n'est guère recommandé à cause du manque de portabilité de cette technique, mais dans des circonstances où seul IE est visé, cela peut se justifier - à condition de placer expression dans une CSS à part, accessible uniquement par IE :

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

L'expression permettant de contourner l'absence de max-width serait alors :

#element {
width:expression(document.body.clientWidth > 450 ? "450px" : "auto");
}

qui donne un équivalent de

#element {
max-width: 450px;
}

Vive Google (recherche : max-width ie)

[Death83]

Merci beaucoup. Mais je crois que je vais plutot réfléchir sur la solution php. Car je préfére éviter au maximum l'utilisation du javascript. (Sinon j'avais deja entendu parler de cette méthode mais elle ne m'avais pas intéressé ).