Невозможно вставить изображение в документ HTML

Question

Я знаю, что это очень простой вопрос, но это сводит меня с ума.

Я пытаюсь вставить изображение ("logo_footer.png") в документ HTML, над которым я работаю. Это веб-приложение Python, и я использую TurboGears 2 Framework.

Я попробовал несколько различных способов, и ни один из них не работает для меня:

Метод 1:

.logo-footer { border: 1px solid green; 
       height:140px; width:600px; 
       background:transparent url('{{url2(tg.url("/images/atenea/logo_footer.png"))}}'); 
       background-position:right center !important; 
       background-repeat:no-repeat; 
       background-size:contain; 
       float:left; 
} 

Метод 2:

<div class="pie"> 
    <div class="logo-footer"> 
     <img height="120" src="{{tg.url('/images/atenea/logo_footer.png')}}"> 
    </div> 
    <div class="firma-footer"> 
     <div class="dato-empresa">Blabla</div> 
    </div> 
</div> 

Конечно, изображение существует , Я пропустил что-то действительно основное и очевидное здесь?

Почему я не могу сделать изображение с помощью тега <img>?

UPDATE:

В конце концов, оказалось, что проблема была с wkhtmltopdf библиотеки, которые я использую для преобразования HTML в PDF документе. По какой-то причине, о которой я не знаю, изображение появляется в html-версии моего документа, но оно не отображается в версии pDF, сгенерированной wkhtmltopdf.

Answer 1

<img height="120" src="images/atenea/logo_footer.png" /> 

при условии, что они находятся в папке изображений затем ateanea папку из текущего сценария в CSS один попробовать

background:transparent url("/images/atenea/logo_footer.png"); 

с фигурными прочь