2 "Stil" inline-css-img-tags?

Habe ich die folgende tag -

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

Ich habe zwei Neigung CSS-Befehle in

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

Aus irgendeinem Grund das Bild ist 100px Höhe aber keine Breite.
Ich gehe davon aus dies ist weil Sie nicht schreiben können, zwei von diesen in einer Reihe in der gleichen tag.
Wenn dies wahr ist, gibt es einen Weg zu weisen sowohl die Höhe und Breite?
Ich habe bereits zugewiesen eine andere Bildgröße auf meiner externen CSS -, und ich glaube nicht, dass Sie können hinzufügen img Eigenschaften in der div tag-Eigenschaften auf der externen CSS.
Dank

Sie sollten in der Lage, die beiden Stile in der gleichen Stil-Tags.

InformationsquelleAutor user2095044 | 2013-02-21

  1. 9

    Brauchen Sie nicht 2 style-Attribute - verwenden Sie einfach eine:

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

    Betrachten, jedoch mit einer CSS-Klasse statt:

    CSS:

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

    HTML:

    <img src="http://img705.imageshack.us/img705/119/original120x75.png" 
                                          class="100pxSquare" alt="25"/>
    ah, das ist, wo ich ging schief-danke

    InformationsquelleAutor Oded

  2. 2

    Verwenden Sie nicht mehr als ein style-Attribut. Nur seperate Stile im style-Attribut mit ;
    Es ist ein block von inline-CSS, also denken Sie sich dies als Sie tun würden, CSS in einer separaten stylesheet.

    So, in diesem Fall die:
    style="height:100px;width:100px;"

    Können Sie dies für jedes beliebige CSS-Stil, so dass, wenn Sie wollten, ändern Sie die Farbe des Textes auf weiß:
    style="height:100px;width:100px;color:#ffffff" und so weiter.

    Jedoch lohnt es sich, mit inline-CSS-sparsam, wie es machen kann der code weniger überschaubare Zukunft. Mit einem externen stylesheet kann eine bessere option für diese. Es hängt wirklich von Ihren Anforderungen. Inline-CSS macht für eine schnellere Kodierung.

    InformationsquelleAutor Malcolm Murray

  3. 2

    Sollten Sie verwenden : 

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

    Funktionieren sollte!!

    Wenn Sie wollen erstellen Sie die Klasse dann :

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

    und dann gilt es wie :

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

    indem Sie eine Klasse erstellen, können Sie es an mehreren stellen.

    Wenn Sie möchten, verwenden Sie nur an einem Ort, dann verwenden Sie inline-CSS.
    Auch Inline-CSS überschreibt andere CSS.

    InformationsquelleAutor Sanober Malik

  4. 0

    wenn verwenden Sie Inline-CSS verwenden Sie

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

    Sonst kann man Klasse verwenden, um die Eigenschaften, die im Zusammenhang mit einer separaten css-Datei (Design Ihrer website) als wie
    In der CSS-Datei

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

    In der HTML-Datei

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

    InformationsquelleAutor Md. Amran Hossan

Schreibe einen Kommentar