Dropdown menu in navigation achter de content

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Rover ---

Rover ---

12/08/2011 15:37:34
Quote Anchor link
Hallo,
ik heb een probleem met een website. Ik heb een website draaiende op magento. Hierin zit een navigation menu in de vorm van een popup, helaas verdwijnt deze achter mijn content (main). Zou iemand mij kunnen helpen?
Afbeelding
 
PHP hulp

PHP hulp

20/04/2024 08:51:33
 
Erwin Goossen

Erwin Goossen

12/08/2011 15:48:30
Quote Anchor link
heb je al geprobeerd een hogere z-index te geven?
 
Rover ---

Rover ---

12/08/2011 15:53:33
Quote Anchor link
Erwin Goossen op 12/08/2011 15:48:30:
heb je al geprobeerd een hogere z-index te geven?

Ja dat heb ik al geprobeerd, lukte helaas niet..
 
Tim S

Tim S

12/08/2011 16:00:48
Quote Anchor link
Heeft het element dat je een z-index geeft ook een position? anders werkt het niet.
Dus bijvoorbeeld
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
#menu {
  position: relative;
  z-index: 10;
}
 
Rover ---

Rover ---

12/08/2011 16:14:14
Quote Anchor link
Zo heb ik het nu:

/* 1st Level */
#nav ul li,
#nav ul li.active { position: relative; float:none; margin:0; padding-bottom:1px; background:#F9F9F9; z-index: 10;}
#nav ul li.last { position: relative background:#ecf3f6; padding-bottom:0; z-index: 10;}

#nav ul a,
#nav ul a:hover { float:none; padding-bottom:1px; }
#nav ul li a { font-weight:normal !important; }
 
Erwin Goossen

Erwin Goossen

12/08/2011 16:43:15
Quote Anchor link
JA.........
Heb je de site niet live staan, of heb je neen voorbeeld van wat er nu gebeurd?
 
Rover ---

Rover ---

12/08/2011 16:54:45
Quote Anchor link
Klikje
Gewijzigd op 12/08/2011 16:55:32 door Rover ---
 
Erwin Goossen

Erwin Goossen

12/08/2011 16:55:56
Quote Anchor link
waarschijnlijk een typo, link werkt niet

Toevoeging op 12/08/2011 16:56:43:

werkt al
 
Rover ---

Rover ---

12/08/2011 17:32:22
Quote Anchor link
Erwin Goossen op 12/08/2011 16:55:56:
waarschijnlijk een typo, link werkt niet

Toevoeging op 12/08/2011 16:56:43:

werkt al

Zou je mij verder kunnen helpen?
 
Nick Dijkstra

Nick Dijkstra

12/08/2011 18:08:25
Quote Anchor link
er staat bij onderstaande een ; te weinig(achter relative)
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
#nav ul li.last { position: relative background:#ecf3f6; padding-bottom:0;


Misschien dat het probleem?
 
Tim S

Tim S

12/08/2011 23:19:05
Quote Anchor link
Je hebt "overflow: hidden" op je <header> tag, dus alles wat daar buiten valt (inclusief je dropdown) wordt niet getoond.

Dus die zou ik verwijderen.
 
Jack Sierkstra

Jack Sierkstra

13/08/2011 07:51:19
Quote Anchor link
Antwoord hierboven al gegeven door Tim S.
Gewijzigd op 13/08/2011 08:02:12 door Jack Sierkstra
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.