[XHTML] Taille d'une image

**cimcim** · 15/01/2007, 12h40

Bonjour à tous...
J'ai un souci avec la largeur d'une image. J'ai cherché sur ce forum (et d'autres), et j'ai trouvé quelques discussions concernant ce problème, mais je n'ai pas vraiment trouvé de solution, ni d'explications...
Peut etre est-ce un bug ???
voici un bout de code tout simple :

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
 
<body bgcolor = "#aabbcc" text = "#ffffff">
	<center>
		<img src="bandeau_sup_1280.jpg" width="100%">
		<table height="100%" width="100%" border=1 bordercolor="#000000" >
			<tr>
				<td height=100 width="100%" colspan=2>
					<img src="bandeau_sup_1280.jpg" width="100%">
				</td>
			</tr>
			<tr>
				<td>
					&nbsp;
				</td>
			</tr>
		</table>
	</center>
</body>

L'image fait 2560px de largeur, sur 268px, et si la première est bien ajustée à la taille de la fenêtre (ce que je souhaite), la suivante conserve sa taille d'origine...
Hum, petite précision, le problème ne survient, à priori que sous internet explorer ; sous Firefox et autre Konqueror, l'image est bien redimensionnée suivant la taille de la fenêtre...
Quelqu'un peut-il m'expliquer le pourquoi ???

Merci !

**blueice** · 15/01/2007, 18h00

Le code est truffé d'erreurs .
Les tableaux pour le design c'est MAL !
Mais essaye comme ca :

Code html :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body,td,th {
    color: #FFFFFF;
    text-align:center;
}
body {
    background-color: #aabbcc;
}
-->
</style></head>
 
<body>
        <img src="bandeau_sup_1280.jpg" />
        <table height="100%" width="100%" border="1" bordercolor="#000000" >
            <tr>
                <td height="100%" width="100%" colspan="2">
                    <img src="bandeau_sup_1280.jpg" />
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
            </tr>
        </table>
</body>
</html>

**Orgied** · 16/01/2007, 00h39

D'accord sur le fait que c'est truffé d'erreur mais il faut savoir que pour une image, le code suivant est requis :

Code :

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

<img src="" width="" height="" alt="" />

le fait est que sans ces attributs, ça fonctionne, mais c'est pas bien, pas bien du tout !

**Bisûnûrs** · 16/01/2007, 09h00

Envoyé par Orgied

il faut savoir que pour une image, le code suivant est requis :

Code :

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

<img src="" width="" height="" alt="" />

le fait est que sans ces attributs, ça fonctionne, mais c'est pas bien, pas bien du tout !

Développe.

Parce que sans ces attributs la validateur W3C ne détecte pas d'erreur EN XHTML 1.0 Strict. D'autant plus qu'en XHTML les attributs width et height sont déclarés en CSS et non en HTML.
L'attribut alt quant à lui ne sert qu'à renseigner un nom quand l'image ne se charge pas et permettre aux déficients visuels de savoir quel genre d'image c'est. Donc je dirais qu'il est nécessaire par soucis d'accessibilité, mais rien de plus.

**Orgied** · 16/01/2007, 09h56

Pour le alt, effectivement, c'est au niveau de l'accessibilité mais aussi du référencement. Je trouve que c'est un élément non négligeable donc.

Pour la taille, j'ai déjà remarqué (mais je ne sais plus sur quel navigateur) qu'il pouvait y avoir des erreurs d'affichage. Pas une image resizée mais plutôt un problème de bandes qui se superposent au déroulement de la page. A l'époque, en intégrant les balises width et height, j'avais palié à ce problème. Cette erreur venait surement aussi de la suite du code dans la page mais bon, c'est une petite assurance.

**blueice** · 16/01/2007, 10h05

Que nenni ! Aucun problème avec la taille.
Pour ce qui est du alt, dans sa résolution de son problème on s'en fichait, un peu...
Surtout lorsqu'il fait le design avec des tableaux...alors l'accessibilité...

[XHTML] Taille d'une image

HTML

Vue hybride

Discussions similaires

Partager

Partager