Pls what can i do about the size of the image, i want to make it smaller | SoloLearn: Learn to code for FREE!

+3

Pls what can i do about the size of the image, i want to make it smaller

<html> <head> <title>first page</title> </head> <body> <a href="https://ibb.co/9cLhcHd"><img src="https://i.ibb.co/Jm4qmjS/20200626-214919.jpg" alt="20200626-214919" border="0"></a> /> </body> </html>

7/4/2020 11:18:53 AM

Christabel Amade(Ace)

10 Answers

New Answer

+6

<html> <head> <title>first page</title> </head> <body> <a href="https://ibb.co/9cLhcHd"><img src="https://i.ibb.co/Jm4qmjS/20200626-214919.jpg" alt="20200626-214919" width=150px height=150px border="0"></a> </body> </html>

+5

You should first of all remove the <a> tag and set the height and width through css or use attribute. Like so <img src="https://i.bb.co/Jm4qmjS/20200626-214919.jpg" height="100px" width="100px"/>

+4

Hey you can set the width and/or height by using CSS rules. Here I use % (percentage) but I guess you can use other measurements as well. img { width: 50%; height: 50%; } Is that your work? nice little penguin there 👌

+3

For image resize, just use css to set the width size you want. And ALWAYS set height to auto, if you set height to a value, the dimension of the image likely not in correct ratio, except you know the respect ratio of the image, and calculate the height based on it.

+3

Christa Ace Please check out the codes and see the difference. https://code.sololearn.com/WP7LMfPiC7LV/?ref=app https://code.sololearn.com/WEirlXBY5OY0/?ref=app

+3

+3

https://www.sololearn.com/learn/CSS/1102/ https://www.sololearn.com/Course/CSS/?ref=app

+3

Set the height and width global attributes. That's it.

+2

+2

Add CSS part with width and height of object)