Insert Image html/css

jkinglet

I've built a little PNG to add to the custom header (html/css insert). Now want to put it inline <li> with the copy which I can do with the html/css combo (for a link). But how do I access the image I want to insert from the unlisted folder I uploaded it to? Thanks. Jeff
www.theavianzone.com

Allen

Go to the unlisted gallery and under share button > get a link.

Make sure external/embeddable linking is turned on for the unlisted gallery.

jkinglet

Allen wrote: »

Go to the unlisted gallery and under share button > get a link.
<img src="photo link" />
Make sure external/embeddable linking is turned on for the unlisted gallery.

Thanks Allen. Had the "get link" piece but didn't have the external embeddable linking turned on.

jkinglet

Allen wrote: »

Go to the unlisted gallery and under share button > get a link.
<img src="photo link" />
Make sure external/embeddable linking is turned on for the unlisted gallery.

My mind went blank. After I insert the image why is the type bumped below rather than next to it. Span class? I've done this before..but it's been a while. thanks. Jeff

<div id="headerbox">
<ul>
<li><img src="http://www.theavianzone.com/photos/i-5GgrPBB/0/O/i-5GgrPBB.png"&gt;
<li><h4>Learn How to fly</h4>
<a href="http://www.theavianzone.com/browse">Browse The Avian Zone</a><h4> galleries for your favorite Pacific Northwest bird picture</h4></li></ul></div>

jkinglet

Quick Thanksgiving eve visit to Stack Overflow and found a slick, quick and easy way to vertically center the image and the type inside the div (as long as the type doesn't wrap). It works. Happy Thanksgiving <img src="https://us.v-cdn.net/6029383/emoji/thumb.gif&quot; border="0" alt="" >

<div id="headerbox">
<img src="http://www.theavianzone.com/photos/i-5GgrPBB/0/O/i-5GgrPBB.png style="vertical-align: middle;" />
<span style="vertical-align: middle;"><h4>Learn How to fly</h4>
<a href="http://www.theavianzone.com/browse">Browse The Avian Zone</a><h4>galleries for your favorite Pacific Northwest bird picture</h4></span></div>

CSS
#headerbox {
width: 936px;
line-height:50px;
height: 60px;
padding: 5px;
margin-left:-12px;
text-align:left;
background:#000000;
opacity:0.8
}



www.theavianzone.com

Allen

Might want the text to wrap on smaller windows and pads.
For phones I'd probably hide the div. Set different screen sizes here.
http://quirktools.com/screenfly/#u=http%3A//www.theavianzone.com/&w=768&h=1024&a=22&s=1