Изображения с высотой: авто заканчивается с вычисленной высотой нулевой

Question

Я проковылял, почему Логотип сайта не отображается на сайте:

http://www.rainbowwings.org

В идеале я хотел бы логотип плавать слева, название сайта, которое будет отображаться с небольшим смещением справа от логотипа, а ссылки на навигацию - плавать вправо. Однако, независимо от того, что я пробовал, логотип заканчивается 0 высотой и вообще не отображается (да, он существует на сайте).

Любые идеи о том, как исправить CSS, чтобы правильно подобрать эти 3 элемента?

Спасибо, Matt

Answer 1

Вы используете <img href""> вместо правильного тега изображения с помощью <img src="">. В вашем случае, вы должны изменить это:

<img src="/images/FlyingOrigami_03.png"> 

Узнайте больше о том, как использовать <img> элемент на Mozilla Developer Network.

Конечно, вам необходимо избавиться от посторонних правил CSS, таких как: img.site-headerimg { width: 100%; }, который растянет логотип до полной ширины вашего экрана.