Як об'єднати картинку з меню в html

Скористайтеся стилями. Можна зробити картинку фоном для контейнера меню. Припустимо меню у вас лежить в якомусь div з id = some_menu, тоді це буде виглядати приблизно так:

тут пункти меню

У властивості background є різні атрибути, які дозволяють управляти положенням фону (розтягнути за розміром блоку, замостити і т.д.). Більш докладно подивіться тут.

Але взагалі такі стилі краще виносити в окремий css файл.

Знайшов більш легкий спосіб. Припустимо у нас в html

Тоді в css у img position: absolute;
а у li position: relative;
Зображення накладено на меню) - більше року тому

Не раджу так робити. Спосіб може здатися більш легким спочатку, але він гірше. Повірте моєму досвіду. У вас є можливість використовувати background замість підкладання картинки за допомогою position absolute і position relative. І це чудово. Зробіть правильно. Інакше, якщо з'явиться на одній сторінці кілька таких елементів з position absolute and relative - рано чи пізно виникнуть проблеми. Для додавання фону у вигляді картинки завжди використовуйте background image. - більше року тому