Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-08-2013, 12:14 PM   PM User | #1
Renovatio
New Coder

 
Join Date: Dec 2012
Posts: 12
Thanks: 5
Thanked 0 Times in 0 Posts
Renovatio is an unknown quantity at this point
Question Placing a nav bar over-in between 2 divs

Hello,

Maybe any1 knows how can I achieve a result with a navigation bar as it is displayed in this photoshop rendered image?




I cannot place it there in CSS because it keeps pushing out div 1 from div 2 :/

Help me please

Grateful,

Ren
Renovatio is offline   Reply With Quote
Old 02-08-2013, 01:06 PM   PM User | #2
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,816
Thanks: 9
Thanked 681 Times in 675 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
A few possibilities, but you could use absolute positioning - in your html put div 3 within div 1. On div 1, set position:relative, on div 3, set position:absolute. The add top and left settings to the css for div 3 to achieve your desired positioning.

That should do it, but dependent upon your html and css elsewhere you may need to set the z-index as well to ensure div 3 appears on top of div 2.

If this doesn't work, then post a link to your page, or failing that, your entire html and css.
__________________
Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
Read Steve Krug's book Don't Make Me Think - essential reading on web usability
I don't recommend much, but I do recommend Clook for UK web hosting
SB65 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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 +1. The time now is 06:51 AM.


Advertisement
Log in to turn off these ads.