Pagina 1 van 1

Horizontaal dropwdownmenu doet het niet altijd

Geplaatst: 25 januari 2011, 11:48
door Poehtje
Hallo allemaal,

Ik heb een horizontaal dropdownmenu op mijn site, maar nu doet ie het in de ene pagina wel (kaal), en in mijn andere pagina's niet.

Het gekke is dat waar je normaal in Komposer geen effecten in het Normal venster kunt zien, daar doen de effecten het juist wel op de bewerkpagina, maar in voorbeeld en online weer niet.

Ik moet op die pagina ook veel codes hebben staan ivm de rest wat daarop staat, dus misschien dat er iets in conflict komt met elkaar?

Ik weet niet wat er allemaal nodig is om het probleem te zien, maar voordat ik hier alles vol plant geef ik eerst even een link naar de beide pagina's:

Deze doet het dus perfect: http://www.demijmerij.nl/menuorigineel.html
En op deze (even gestripte) pagina doet ie het ineens weer niet: http://www.demijmerij.nl/menueigen.html, alleen in het werkvenster van Kompozer.

Alvast bedankt!

Re: Horizontaal dropwdownmenu doet het niet altijd

Geplaatst: 25 januari 2011, 14:19
door knorretje
Menueigen werkt niet in IE8, wel in Firefox 3.6 en 4beta.
Menueigen heeft het verkeerde doctype voor IE8. In de css wordt een :hover gebruikt op een <li> element. Dat werkt niet in quircksmode. In IE8 kun je de rendermodus opvragen door javascript:alert(document.documentMode) te typen in de locatiebalk.

Re: Horizontaal dropwdownmenu doet het niet altijd

Geplaatst: 25 januari 2011, 14:29
door Poehtje
Maar ik heb inderdaad IE8, en menuorigineel werkt wel bij mij, en menu eigen niet. Beiden met Kompozer gemaakt, en beide bekeken in IE8. Vandaar dat ik ook dacht dat het misschien in conflict kwam met de andere codes die ik op menueigen had staan.

Ik heb inderdaad wel gezien dat menuorigineel een andere charsetcode had ( <meta http-equiv="content-type" content="text/html;charset=utf-8">) dan menueigen ( <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">), en ook dat heb ik voor allebei al geprobeerd te veranderen, met hetzelfde resultaat helaas...

Ik heb er niet zoveel verstand van verder, dus ik weet ook niet precies wat je met de rest van je antwoord bedoeld. Zou je dat wat nader kunnen en willen verklaren hoe ik dat op kan lossen? :oops:

Alvast bedankt.

Re: Horizontaal dropwdownmenu doet het niet altijd

Geplaatst: 25 januari 2011, 15:38
door knorretje
Het doctype staat helemaal bovenaan de HTML-code en geeft aan met welke rendermodus / tekenwijze de pagina's worden weergeven. De rendermodus is bepalend voor de manier waarop de pagina wordt weergegeven.
Een html-pagina wordt dus op verschillende manieren weergegeven, afhankelijk van de rendermodus.
In de rendermodus met de naam "quirksmode" wordt de pagina weergegeven zoals in een hele oude IE versie. Dan werken sommige nieuwe dingen niet meer.

Bovenaan het origineel staat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Dit werkt wel, geeft rendermodus "IE8", moderne weergave.
Bovenaan menueigen staat:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Dit werkt niet in IE8, geeft rendermodus "Quircksmode", ouderwetse weergave.
Het is dus de bedoeling om de eerste regel aan te passen.
Ik weet zo gauw niet hoe dat werkt in Kompozer. Ikzelf werk altijd met een tekstverwerker.

Re: Horizontaal dropwdownmenu doet het niet altijd

Geplaatst: 25 januari 2011, 16:04
door Poehtje
Nu begint het mij wel wat te dagen... want ik de originele html code van het menu staan ook dingen als:

<li class="pureCssMenui0"><a
class="pureCssMenui0" href="printables_vintage.php"><span>Vintage</span> <!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]> <table><tr><td> <![endif]--> <ul class="pureCssMenum">
<li class="pureCssMenui"><a
class="pureCssMenui" href="printables_vintagekaartjes.php"><span>Kaartjes</span> <!--[if gt IE 6]--> </a> <!--[endif]--><!--[if lte IE 6]> <table><tr><td> <![endif]--> <ul class="pureCssMenum">
<li class="pureCssMenui"><a

etc.


En ik dacht al wel dat dit met oudere browsers te maken had, maar als ik dat erin liet staan dan kreeg ik dit:

Afbeelding

Maar dat heb ik ook wel weggehaald in menuorigineel en die blijft het gewoon prima doen. Ik hoop dat iemand hier een oplossing voor weet voor in Kompozer, want ik zou dit menu wel heel graag willen houden.

Ik ben in ieder geval al weer een stukje verder qua kennis :P