Wie man ein Bild positioniert, wenn es mehrere Bilder im HTML-Dokument gibt

Question

Ok, also erstelle ich eine Website, und auf einer meiner Seiten gibt es mehrere Bilder, wie Sie aus dem Code unten sehen können, alle haben die IMG Etikett. Ich weiß, dass Sie die verschiedenen Bilder einzigartig machen müssen, damit sie nicht alle den gleichen css - Tags folgen, aber ich kämpfe, um meine Arbeit zu machen, da sie alle dem "img" - css - Tag folgen, und ich kann das nicht lösen Problem. Auch aus irgendeinem Grund ist das Bild in der Fußzeile gelandet und auch ohne CSS bleibt es dort.

HTML-Code

<h4>Download CV</h4> 
     ˚<p> If you want to see my full resume please click the link below and enjoy!</p> 
     <a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV"> 
     <div class ="imagelist" id = "imagelist" > 
     <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" /> 
     </a> 

CSS-Code

imagelist{ 
margin-left:500px; 
} 

img{ 
float:none; 
margin-top: 50px; 
margin-left: 20px; 
} 

Answer 1

Sie wollen wahrscheinlich Ihre div.imagelist

<h4>Download CV</h4> 
<p> If you want to see my full resume please click the link below and enjoy!</p> 
<a download="Curriculum Vitae RWP.docx" href="../Curriculum Vitae RWP.docx" title="R**** A*** CV"> 
    <div class ="imagelist" id = "imagelist" > 
    <img class="imagelist" alt="CV" src="../Images/cv.png" width ="150" height="150" /> 
    </div> 
</a> 

Auch unter Verwendung der gleichen Klasse auf Ihrem img schließen, wie es auf Eltern werden nicht gut mit Ihrem Styling enden. Ich empfehle, die Klasse aus dem img Tag entfernen und Ziel, das Bild in Ihrem Bildliste mit dem folgenden CSS:

.imagelist img {} 

Für den aktuellen CSS, vergessen Sie vor Abbildungsliste um einen Punkt zu setzen

Hoffe das hilft dir ein bisschen, um dich weiter zu machen.