School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Programming Help

Web Development



What's Here?

  • Members: 308,420
  • Replies: 844,986
  • Topics: 141,323
  • Snippets: 4,486
  • Tutorials: 1,165
  • Total Online: 3,371
  • Members: 180
  • Guests: 3,191

Welcome to Dream.In.Code
Become an Expert!

Join 308,420 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 3,371 people online right now. Registration is fast and FREE... Join Now!




Div stacking problem.

 

Div stacking problem.
jet71dl

6 Nov, 2009 - 12:44 PM
Post #1

New D.I.C Head
*

Joined: 3 Feb, 2009
Posts: 6
I have two divs with one stacked on top of the other, both have links but the div on top blocks the other divs links.
How can I make it where both links will work, here is a link to an example:

EXAMPLE


Thank you for any assistance y'all can provide!

User is offlineProfile CardPM
+Quote Post

 
 Reply to this topicStart new topic
Replies(1 - 4)

sam_benne

RE: Div Stacking Problem.

7 Nov, 2009 - 10:40 AM
Post #2

D.I.C Addict
Group Icon

Joined: 16 Jan, 2008
Posts: 645



Thanked: 9 times
Dream Kudos: 400
My Contributions
Change the size of the div s so they don't overlap.
User is offlineProfile CardPM
+Quote Post

BeatMasta A

RE: Div Stacking Problem.

8 Nov, 2009 - 06:41 AM
Post #3

New D.I.C Head
*

Joined: 8 Nov, 2009
Posts: 4


My Contributions
Hello! To be honest, I didn't understand the problem even after viewing the example, but whatever, did you try to give the DIVs relative positions?
User is offlineProfile CardPM
+Quote Post

jet71dl

RE: Div Stacking Problem.

9 Nov, 2009 - 08:08 AM
Post #4

New D.I.C Head
*

Joined: 3 Feb, 2009
Posts: 6
Thank you both for your replies:

sam_benne: They must overlap, the menu at the very top is supposed to display the window when a button is rolled over and it's supposed to display over the content below it...

BeatMasta A: All of the divs have relative postions. The problem is if you look at the example again you'll notice all the text labeled BUTTONS (which are buttons) are not clickable because there's a div over the top of them which houses the rollover window from the buttons at the top.

I can attach the CSS if need be?

Thanks
User is offlineProfile CardPM
+Quote Post

sam_benne

RE: Div Stacking Problem.

9 Nov, 2009 - 11:44 AM
Post #5

D.I.C Addict
Group Icon

Joined: 16 Jan, 2008
Posts: 645



Thanked: 9 times
Dream Kudos: 400
My Contributions
Make the divs that should hover above in a higher layer so position to absolute and z-index and then don't make them overlap as that should work.

What can help is to look at a jquery hover menu that will be able to hover a div above everything.
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/24/09 01:06PM
Invision Power Board v2.1.7 © 2009  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month