Howdy,
As you can see, the image on the top left sits on top of the nav bar. Can anyone advise me on how to change that.

the page: http://www.bellaabundance.com/indextest.html
the style sheet: http://www.bellaabundance.com/stylesheets/trial.css

thanks

Where would you like the image to appear?

Where is it supposed to appear? If I remove the absolute position from this:



the nav bar text comes on top of the image and continues to the right side. And the K and half the e are also on top of the image.

You can also leave the absolute positioning in, and just reduce the size of the image to have the nav bar below and the heading right of it. Actually, it doesn't matter whether the positioning is there or not, but you have to change the image dimensions if you want to achieve what I have in the attachment. I tried with 213x190.

Thanks again, Inger. That "absolute" tag is a bane to my existence.
Not quite done with everything in this design, so you may get more questions!
Mike

Let them come, but of course I can't promise that I can help with everything. I see that you have got further into html5 than I have.

I don't use positioning much, I just let an element be placed into some div by using margins/paddings.