Twenty Eleven Child-Can two images vertically straddle the nav-bar?

Are you able to, and do you know how to edit the HTML of this template?

To get this to work properly I would edit the HTML and apply some light CSS.

How I would approach it, I would make the whole header be its own DIV. Make the div background be the yellow bar graphic thing (this doesnt need to be clickable in my mind). Then have the “Heritage protection Group” be its own stand alone graphic that is also an anchor link.

Then just place the Navigation Link inside that same Header DIV and easily position it where you want it with CSS.

If you want to keep the same look…

Create you DIV to be

#main-header {
    width: 1000px;
    height: 288px;
    background: url('path_to_your_graphic_file');
}

Then in HTML

<div id="main-header">

<nav>navigational link stuff...</nav>

</div>

might be possibe with css:

#branding { position: relative; }
#access { position: absolute; top: 150px; }

(should be fine, however, you need to check this in a variety of browsers)

Thanks for the quick response!

randyttp: Yes-edit the child html correct?

edit:
because of the fluid layout, this might work better:

#branding { position: relative; }
#access { position: absolute; top: 48%;
    background: none repeat scroll 0 0 #FFFFFF;
    	padding-left: 0%;
	width: 100%;
}
#access div { margin-left:28%;}

and you will need to adjust the #access div margin for the different ‘responsive structure’ widths.

Sweeper: If I can do this entirely with style.css that would be great.

Randy: Are you referring to the parent html?

Sweeper: I can see why they call you the sweeper. That was not only the solution but it was elegant as well. Thank You!

If I want to put a huge image under what you just fixed, can I ask you here? Or should I start another forum question?

best to start a new topic,
and mark this one as resolved, if it is working for you.