Discussion :

[brandon10.martin]

Bonjour,
J'ai commencé le développement web il y a peu à l'IUT mais il y a quelque chose que je ne comprend pas dans un TP...
Quel est la différence entre ces deux lignes:

Code :

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

<img src="Spectacular%20mountain.jpg" alt="Mountain View" style="width:128px;height:128px;">

Code :

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

<img src="Spectacular%20mountain.jpg" alt="Mountain View" width="128";height="128">

Et quel est l'utilité de la balise

Code :

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

1
2
3
    img {
        width:100%
    }

Qui se trouve dans la balise style

Cordialement
Brandon

[Invité]

Bonjour et bienvenu sur DVP

• Les meilleurs cours et tutoriels pour apprendre le CSS

[ABCIWEB]

Attention y'a pas de point virgule pour la deuxième syntaxe.

L'attribut style est le moyen passe partout pour définir des styles. Mais certaines balises html dont la balise "img" autorisent l'emploi d'attributs spécifiques pour définir leurs dimensions. Que tu utilises l'un ou l'autre cela revient au même.

La définition css img {width:100%} sera utilisée pour les images n'ayant aucune définition de leur dimensions dans la balise "img".

Concernant le html ou le javascript tu trouveras une bonne doc sur des éléments spécifiques dans la doc mozilla en rentrant "mdn" à la suite de l'élément recherché dans un moteur de recherche, par exemple "img mdn".

[miss_socrates]

Quel est la différence entre ces deux lignes:

Code :

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

<img src="Spectacular%20mountain.jpg" alt="Mountain View" style="width:128px;height:128px;">

La balise style permet d'introduire du code CSS.

Code :

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

<img src="Spectacular%20mountain.jpg" alt="Mountain View" width="128";height="128">

Ici, la mise en forme se fait en html (sans point-virgule entre width et height), les valeurs étant indiquées en pixels mais sans indiquer px.
La 1ère méthode est à privilégier.

Et quel est l'utilité de la balise

Code :

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

1
2
3
    img {
        width:100%
    }

Il ne s'agit pas de balise (langage html) mais d'un sélecteur img (langage CSS) qui a la déclaration de largeur à 100%; cela indique que l'image doit couvrir toute la largeur de l'espace.