2 “style” inline css des balises img?

J'ai la balise suivante

<img src="http://img705.imageshack.us/img705/119/original120x75.png"style="height:100px;" 
style="width:100px;" alt="25"/>

J'ai mis deux inclinaison CSS commandes dans

style="width:100px;"
style="height:100px;"

Pour une raison quelconque, l'image a 100px de hauteur mais pas en largeur.
Je suppose que c'est parce que vous ne pouvez pas écrire deux de ces dans une rangée dans la même balise.
Si cela est vrai, il est un moyen pour affecter à la fois la hauteur et la largeur?
J'ai déjà une taille d'image différente sur mon CSS externe, et je ne pense pas que vous pouvez ajouter img propriétés dans le div propriétés de la balise sur le CSS externe.
grâce

Vous devriez être en mesure de mettre à la fois des styles dans le même style de la balise.

OriginalL'auteur user2095044 | 2013-02-21

  1. 9

    Vous n'avez pas besoin de 2 attributs de style - il suffit d'utiliser une:

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                     style="height:100px;width:100px;" alt="25"/>

    Considérer, cependant, à l'aide d'une classe CSS à la place:

    CSS:

    .100pxSquare
{
  width: 100px;
  height: 100px;
}

    HTML:

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                          class="100pxSquare" alt="25"/>
    ah, c'est là que je suis allé de mal-merci

    OriginalL'auteur Oded

  2. 2

    Ne pas utiliser plus d'un attribut de style. Juste des styles distincts dans l'attribut style avec ;
    C'est un bloc de CSS, alors, pensez à ce que vous le feriez CSS dans une feuille de style séparée.

    Donc dans ce cas:
    style="height:100px;width:100px;"

    Vous pouvez l'utiliser pour n'importe quel style CSS, donc si vous voulez changer la couleur du texte en blanc:
    style="height:100px;width:100px;color:#ffffff" et ainsi de suite.

    Toutefois, il convient d'utiliser du CSS avec parcimonie, car cela peut rendre le code moins gérables dans l'avenir. En utilisant une feuille de style externe peut être une meilleure option pour cela. Cela dépend vraiment de vos besoins. Inline CSS ne faire pour accélérer le processus de codage.

    OriginalL'auteur Malcolm Murray

  3. 2

    Vous devez utiliser : 

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="25"/>

    Qui devrait fonctionner!!

    Si vous souhaitez créer une classe alors :

    .size {
width:100px;
height:100px;
}

    puis de l'appliquer comme :

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" class="size" alt="25"/>

    par la création d'une classe, vous pouvez l'utiliser à plusieurs endroits.

    Si vous voulez utiliser seulement à un endroit, puis utiliser du CSS.
    Aussi CSS remplace les autres CSS.

    OriginalL'auteur Sanober Malik

  4. 0

    si l'utilisation du CSS vous utilisez

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/>

    Sinon, vous pouvez utiliser des propriétés de la classe qui a rapport avec un fichier css (style de votre site web) comme
    Dans le Fichier CSS

    .imgSize {height:100px;width:100px;}

    Dans le Fichier HTML

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" style="height:100px;width:100px;" alt="705"/>

    OriginalL'auteur Md. Amran Hossan