Größenanpassung von Bildern, so dass sie die gleiche Größe haben

Ich habe viel versucht und kann mein Bild nicht vergrößern. Kann mir bitte jemand helfen?Größenanpassung von Bildern, so dass sie die gleiche Größe haben

Ich möchte die Bilder die gleiche Größe haben. Hier ist mein html:

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> 

<body class="body"> 

    <div class="wiesiek"> 
    <h1> Wiesiek Bland - My portfolio </h1> 
    <h2> Warszawa Poland</h2> 

    <div class="facebook, inline"> 
     <a href="https://www.facebook.com/wilyb"><img class="small-picture" src=http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/></a> 
    </div> 
    <div class"github, inline"> 
     <a href="https://github.com/Wiesiek2811"><img class="small-picture" src=http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png></a> 
    </div> 
    </div> 
</body>

und hier ist meine CSS:

.facebook { 
    padding-left: 800px; 
    max-width: 
} 

.github { 
    width: 80px; 
} 

.inline { 
    float: left; 
}

Quelle

2016-06-10 Wiesiek Bland

Sie Bild durch von HTML können die Größe

von HTML-Tag

<img src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png" height="500px" width="500px">

Quelle

2016-06-10 05:12:19

ich CSS anstelle von Inline-Styling verwenden würde. – AJDEV

https://jsfiddle.net/90wn844n/

HTML:

<div class="wiesiek"> 
<h1> Wiesiek Bland - My portfolio </h1> 
<h2> Warszawa Poland</h2> 

<div class="facebook inline"> 
    <a href="https://www.facebook.com/wilyb"><img class="small-picture" src="http://static1.squarespace.com/static/4f5810d9e4b0ebbf0a1507a6/t/55a6e39be4b0e13bc07f93a1/1437000604121/"></a> 
</div> 

<div clas="github inline"> 
<a href="https://github.com/Wiesiek2811"><img class="small-picture" src="http://icons.iconarchive.com/icons/limav/flat-gradient-social/512/Github-icon.png"></a> 
</div> 
</div> 

</body>

CSS:

.facebook { 
padding-left: 800px; 
} 

.github { 
width: 80px; 
} 

.inline { 
float: left; 
} 

.small-picture { 
    width: 80px; 
}

Quelle

2016-06-10 05:17:08 KillahB

Größenanpassung von Bildern, so dass sie die gleiche Größe haben

Antwort

Verwandte Themen