Indexpand: Expand with + z-index

JacobMailman / 2013-01-27 01:10:21   

Hi all,

'ppitussi.ca/index.php/'

Wondering about a possible use for Indexpand. Currently I have it set up and works very well, the only issue is that when it expands it shifts content out of place to make room for the list of exhibits (I added some extra to Sculpture to highlight the issue). I've been playing with z-index thinking I can take it overtop but can't seem to get it right. Any ideas?

Sincerely,
JM

arsondpi / 2013-01-27 11:43:26   

Simply add a position: absolute; to your #index.
This will make the exhibit list to overlap the #ehxhibit area but then you can use css to make a feature out of it like for example:

  1. #index ul.section li ul {
  2.     background: none repeat scroll 0 0 black;
  3. }
JacobMailman / 2013-01-27 13:55:55   

Wonderful! Thank you for the quick response. Out of curiosity, is there a way to do this same thing while still having the menus position centred to the page?

arsondpi / 2013-01-27 14:42:32   

I suppose so... it's not that hard - I believe there's a thread of getting a centered horizontal layout... And judjing by your skills you can even do some research on the web of how to centre a webpage and get it right.

This thread has been closed, thank you.