PC Review


Reply
Thread Tools Rate Thread

CSS divs / layers z-index

 
 
Wayne-I-M
Guest
Posts: n/a
 
      28th Feb 2010
Hi

Wndows 7 (expression web - bit also tried frontpage)

Sorry if this is the wrong place but all the win7 forums seem to be a little
.....hmmmm :-(

I have a page consisting of a css drop-down menu and a couple of pictues.
Sounds somple ? driving me mad. All I am rying to do is to center the whole
lot and have the drop-down show over the pictures on-mouse-over

I can center the css drop down ona div (set the left and right margins to
auto) and include the pictures in divs - everything centers really well.
Down no matter what I do I can't get the z-index of the pictures to be lower
than the drop-down (so the pictues are always on top)

I have tried to put each section in layers - this time the drop-down and
pictures are all in order (the drop-down shows over the pictues) - but I
can't center them (without giving absolute values - which I don't want).

Sorry I can't post the page as it's on my win7 machine and it's not on the
web (am previewing on the machines browser).

So, have anyone been through this before - or has anyone got a web link that
may help.

Don't really want to spend another day on this (should be simple) problem.

Thanks for any help



--
Wayne
Manchester, England.

 
Reply With Quote
 
 
 
 
Ronx
Guest
Posts: n/a
 
      28th Feb 2010
z-index only works with positioned elements.

<div style="margin: 0 auto; width: 760px;">navigation with drop downs goes
here</div>
<div style="margin: 10px auto; width:760px;">Images goes here</div>

Provided the page also has a complete and valid !doctype there is no reason
why the menu dropdowns will go under the images, unless:
The images are flash or silverlight movies
The images are contained in absolutely positioned HTML elements.

Seeing the page might help.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.



"Wayne-I-M" <(E-Mail Removed)> wrote in message
news:9FF08DEE-940E-45A2-97AC-(E-Mail Removed)...
> Hi
>
> Wndows 7 (expression web - bit also tried frontpage)
>
> Sorry if this is the wrong place but all the win7 forums seem to be a
> little
> ....hmmmm :-(
>
> I have a page consisting of a css drop-down menu and a couple of pictues.
> Sounds somple ? driving me mad. All I am rying to do is to center the
> whole
> lot and have the drop-down show over the pictures on-mouse-over
>
> I can center the css drop down ona div (set the left and right margins to
> auto) and include the pictures in divs - everything centers really well.
> Down no matter what I do I can't get the z-index of the pictures to be
> lower
> than the drop-down (so the pictues are always on top)
>
> I have tried to put each section in layers - this time the drop-down and
> pictures are all in order (the drop-down shows over the pictues) - but I
> can't center them (without giving absolute values - which I don't want).
>
> Sorry I can't post the page as it's on my win7 machine and it's not on the
> web (am previewing on the machines browser).
>
> So, have anyone been through this before - or has anyone got a web link
> that
> may help.
>
> Don't really want to spend another day on this (should be simple) problem.
>
> Thanks for any help
>
>
>
> --
> Wayne
> Manchester, England.
>

 
Reply With Quote
 
Jon Spivey
Guest
Posts: n/a
 
      1st Mar 2010
If you set position:relative you can then use z index, eg
<div id="dropdown" style="position:relative;z-index:1000">dropdown</div>
<div id="images" style="position:relative;z-index:1">images</div>

Cheers,
Jon
http://MyMobileDeal.com

"Wayne-I-M" <(E-Mail Removed)> wrote in message
news:9FF08DEE-940E-45A2-97AC-(E-Mail Removed)...
> Hi
>
> Wndows 7 (expression web - bit also tried frontpage)
>
> Sorry if this is the wrong place but all the win7 forums seem to be a
> little
> ....hmmmm :-(
>
> I have a page consisting of a css drop-down menu and a couple of pictues.
> Sounds somple ? driving me mad. All I am rying to do is to center the
> whole
> lot and have the drop-down show over the pictures on-mouse-over
>
> I can center the css drop down ona div (set the left and right margins to
> auto) and include the pictures in divs - everything centers really well.
> Down no matter what I do I can't get the z-index of the pictures to be
> lower
> than the drop-down (so the pictues are always on top)
>
> I have tried to put each section in layers - this time the drop-down and
> pictures are all in order (the drop-down shows over the pictues) - but I
> can't center them (without giving absolute values - which I don't want).
>
> Sorry I can't post the page as it's on my win7 machine and it's not on the
> web (am previewing on the machines browser).
>
> So, have anyone been through this before - or has anyone got a web link
> that
> may help.
>
> Don't really want to spend another day on this (should be simple) problem.
>
> Thanks for any help
>
>
>
> --
> Wayne
> Manchester, England.
>



 
Reply With Quote
 
 
 
Reply

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
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
divs are different in different browsers Miro Microsoft ASP .NET 7 22nd Jan 2010 05:54 PM
Layers / Divs =?Utf-8?B?TGF1cmll?= Microsoft Frontpage 1 14th Nov 2007 09:04 AM
Layers?: Compact or compounding layers to table and cells =?Utf-8?B?TWltaSBU?= Microsoft Frontpage 2 18th Nov 2006 12:06 PM
DIVs and SPANs Don Huan Microsoft ASP .NET 3 8th May 2005 06:57 PM
asp.net and divs mikieg_99 Microsoft ASP .NET 6 30th Jul 2004 02:19 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 06:05 AM.