Toon posts:

[CSS] Menu wordt niet weergegeven over plaatje

Pagina: 1
Acties:

Verwijderd

Topicstarter
Alhier ben ik bezig met een menu over een paar tabelcellen heen te zetten. Het probleem bevindt zich zoals je misschien gezien hebt wanneer je over de twee menuknoppen gaat die boven de plaatjesfader staan.

Het menu wordt niet weergegeven. Als je een beetje heen en weer beweegt over de menuknoppen zie je wanneer ie aan het faden is, dat je wel kunt zien dat het menu er af en toe door lijkt te komen. Ik had het idee dat het met de z-index te maken had maar omdat het menu geen absoluut gepositioneerd item is, werkt dat niet. Is er een workaround voor dit probleem in mijn geval? Of is het toch de z-index die ik aan moet passen?

  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11 15:46

OkkE

CSS influencer :+

Als ik er zo snel naar kijk, denk ik dat het komt omdat je #imageContainer een position:absolute; heeft. Waardoor hij altijd boven het menu komt te staan.

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


Verwijderd

Topicstarter
En daar is geen workaround voor toevallig... (of minder toevallig...)

  • mithras
  • Registratie: Maart 2003
  • Niet online
Verwijderd schreef op woensdag 06 december 2006 @ 09:44:
En daar is geen workaround voor toevallig... (of minder toevallig...)
Als je gewoon die tabelstructuur weggooit en die 2 divs dmv een enkele margin en/of padding positioneert moet het wel goed gaan. Ik weet niet meer of je menu in html dan boven of onder je plaatje moet staan. Dus zo:
HTML:
1
2
3
4
5
6
<div id="menu">menu</div>
<div id="image"><img></div>

<!-- of zo: -->
<div id="image"><img></div>
<div id="menu">menu</div>

Daar is een afspraak over, maar dat weet ik niet precies. Het moet dat wel automatisch goed gaan.

Verwijderd

Topicstarter
K ga ik ff mee aan de slag...

Verwijderd

Topicstarter
ARGH!!!

Nu heb ik het aan het werk in FF en Opera maar in IE werkt het nog niet... Zelfs IE 7 vindt het niet fijn... :S wat snapt IE niet wat FF wel snapt???

  • TeeDee
  • Registratie: Februari 2001
  • Laatst online: 14:04

TeeDee

CQB 241

En als je nu eens netjes aan de slag ga door al die conditional statements in je HTML weg te gooien en een nette / overzichtelijke structuur maakt?

Heart..pumps blood.Has nothing to do with emotion! Bored


Verwijderd

Topicstarter
edit: heb ondertussen wel de code wat opgeschoond ook qua aantal opties in het menu... Leest wel wat makkelijker. Zie hier

edit2: eerste commentaar was onzin...

[ Voor 72% gewijzigd door Verwijderd op 06-12-2006 12:28 ]


  • Calamor
  • Registratie: Oktober 2004
  • Laatst online: 19:31
De linkse menu item heeft geen linker streepje.
Weet niet of het zo hoort.

Verwijderd

Topicstarter
Klopt.. maar das een detail... t grootste probleem is dat in IE de gekleurde vlakken nu boven het menu geplaatst worden :(

Verwijderd

Topicstarter
Euh... het probleem is opgelost... de volgorde van de divs omwisselen bleek het probleem op te lossen :S

  • mithras
  • Registratie: Maart 2003
  • Niet online
Verwijderd schreef op woensdag 06 december 2006 @ 12:40:
Euh... het probleem is opgelost... de volgorde van de divs omwisselen bleek het probleem op te lossen :S
Is het niet iets wat ik al had gezegd: mithras86 in "[CSS] Menu wordt niet weergegeven over p..." :?

Verder is dit gewoon basic html wat ook in de specificaties staat vermeld ;)

offtopic:
En er bestaat zoiets als Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/edit.gif: die zit er ook niet voor niets ;)

[ Voor 15% gewijzigd door mithras op 06-12-2006 13:20 ]


Verwijderd

In mijn IE7 bestaat het probleem nog steeds... weet niet of je het op je testsite inmiddels hebt veranderd...
Pagina: 1