PDA

View Full Version : Place Logo over Edge of Navigation Bar


gdglass1
07-01-2014, 04:04 PM
Hi, I am attempting to place my logo over the edge of my navigation bar, and just cannot figure it out.

This is an example of what I am hoping to achieve:

http://www.fender.com/

My site:

http://www.newstapes1.com/

I using a theme, and Please keep in mind that I only know enough about Dreamweaver to "stagger" my way through it. I usually figure out what I need to do, just takes a lot longer than normal.

Thanks for your time.

Ricky55
07-01-2014, 08:26 PM
On my iPad so can't really provide code examples but you need to use absolute positioning with a z index.

First you set a positioning context using position relative this would go on the parent element or the element you want the logo to be positioned relative to.

Then on your logo you'd have

.logo {
position: absolute;
left: 10px;
top: 20px;
z-index: 100;
}

Obviously change those sizes to suit.