Как разместить img в навигационной панели в html ⇐ CSS

[Гость]

Я новичок в HTML и CSS, в настоящее время я занимаюсь разработкой веб-сайта и нахожусь на самой ранней стадии разработки. Сейчас я работаю над панелью навигации и хочу, чтобы кнопка «Домой» представляла собой изображение в формате PNG, а не текст. У меня появилось изображение PNG, но оно намного больше, чем мне хотелось бы, и слишком велико по сравнению с другими кнопками навигации. Я хочу иметь возможность уменьшить размер PNG, чтобы он соответствовал размеру других кнопок.

Код: Выделить всё

[url=#home]
[img]blox-rate.png[/img]
[/url]
[url=#trending]Trending[/url]
[url=#featured]Featured[/url]
[url=#most-liked]Most Liked[/url]

Код: Выделить всё

type here

I tried searching for a solution on stack overflow and tried a few 'solutions' that didn't work, I didn't see any posts with my same problem (i was probably not searching correctly), so I made a post of my own.
the solution that i tried was something like this

Код: Выделить всё

#profile-image {
height: 100px;
width: 100px;
float: left;
padding-left: 2%;
margin: 0 auto;
padding: 10px 0;
}
#profile-image img {
height: 100%;
width: 100%;
}

it did not make any change


Источник: https://stackoverflow.com/questions/781 ... ar-in-html