Ich habe Probleme, die Größe meines Bildes auf HTML & CSS zu ändern

<div class="profile"> 
    <img src="image/JaeHeadShot.jpg" alt="Head Shot"/> 
    <h1> Jae Hong </h1> 
</div> 

.profile{ 
    border: 2px solid rgba(0,0,0,0.3); 
    text-align:center; 
    padding: 30px; 
} 
img.profile{ 
    width:423; 
    height:281; 
}

Hier sind meine HTML und CSS. Ich bin mir nicht sicher, was ich falsch mache, aber das Bild wird nicht kleiner. Wenn ich jedochIch habe Probleme, die Größe meines Bildes auf HTML & CSS zu ändern

<img src="image/JaeHeadShot.jpg" alt="headshot" width="423" height="281"/>

das Bild scheint zu ändern. Ich möchte nur wissen, warum es nicht funktioniert, wenn ich am CSS arbeite.

Schätzen Sie Ihre Hilfe!

Quelle

2017-05-07 Jay Hong

-1

Das Bild enthält kein Klassenattribut in Ihrem Code. Wenn Sie also mit dem Klassenprofil darauf zugreifen, wird das Bild nicht abgerufen. So , da es nur Bild ist, können Sie nur geben img { width:423; height:281; }

Quelle

2017-05-07 20:25:31 bigbounty

Die img.profile pflegt das Bild auswählen, da das Bild nicht eine Profilklasse hat, und die Zahlen fehlen die Einheiten.

Machen Sie es wie folgt aus:

img { 
    width : 423px; 
    height : 281px; 
}

Quelle

2017-05-07 20:26:57 gaganshera

Also, wie kann ich das Bild auswählen, das in der Div-Klasse "Profil" ist? Ich habe auch versucht, ihm eine id = "headshot" zu geben und img # headshot in CSS verwendet. Es hat nicht funktioniert. Danke für die Hilfe übrigens! –

Nein. Um die Klasse als Selektor zu verwenden, müssten Sie '.profile img' schreiben, um ein' img' auszuwählen, das ein Nachkomme eines Elements mit der Klasse 'profile' ist. – Pharaoh

Um diesen Klassennamen zu verwenden, sollten Sie es wie div.profile img {width: 423px; Höhe: 281px;}. – gaganshera

Profil der Klasse für das div-Element ist, nicht für das Bild.

img.profile{ 
    width:423; 
    height:281; 
}

Wenn Sie spezielle CSS für das Bild verwenden möchten, können Sie eine Klasse dafür definieren.

.myImage{ width: 423px; height: 281px}

und verwenden Sie es in Image-Tag.

<img src="image/JaeHeadShot.jpg" alt="headshot" class=".myImage"/>

Quelle

2017-05-07 20:34:59 AswathyPrasad

Ich habe Probleme, die Größe meines Bildes auf HTML & CSS zu ändern

Antwort

Verwandte Themen