Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 07-01-2014, 03:04 PM   #1
Join Date: Jul 2014
Posts: 1
Default Place Logo over Edge of Navigation Bar

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:


My site:


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.
gdglass1 is offline   Reply With Quote
Old 07-01-2014, 07:26 PM   #2
Ricky55's Avatar
Join Date: Oct 2005
Location: West Yorkshire, UK
Posts: 1,855

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.
Qwerty Design

Check out my blog for web design insights.
Follow me on Twitter: @QwertyDesignUK
Ricky55 is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 08:13 AM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com