login  Naam:   Wachtwoord: 
Registreer je!
 Forum

xhtml valid - geen pagina in IE (Opgelost)

Offline Rens - 15/02/2007 09:43
Avatar van RensGouden medaille

Crew algemeen
Hey,

Ik heb een site gemaakt, en hij is XHTML 1.0 valid.
Toch word er niks weergeven in IE.
Gister thuis niet op IE7, en nu hier (op school) ook niet in IE6.
De HTML van de pagina is als volgt:
http://www.plaatscode.be/4216/

Echter, als ik de javascript er uit haal, word de pagina wel weergeven.
De javascript is als volgt:
  1. function mouseOver(rij)
  2. {
  3. rij.style.backgroundColor = '#EFEFEF';
  4. rij.style.borderColor = '#E4BE39';
  5. }
  6.  
  7. function mouseOut(rij)
  8. {
  9. rij.style.backgroundColor = '#FFFFFF';
  10. rij.style.borderColor = '#000000';
  11. }
  12.  
  13. function change(loc, form, elem)
  14. {
  15. window.location=loc+document.forms['form'].elements['p'].value;
  16. }

Misschien dat het daar aan ligt?
Ik weet het even niet meer... 

Alvast bedankt,
Rens

16 antwoorden

Gesponsorde links
Offline marten - 15/02/2007 09:48
Avatar van marten Beheerder Wat gebeurt er als je de javascript in een .js file zet en deze op de pagina 'include' ?
Offline Dark_Paul - 15/02/2007 09:48
Avatar van Dark_Paul PHP ver gevorderde Download de Firebug extensie voor Firefox, dan kan je gelijk zien of je fouten in je Javascripts hebt.

Ik weet niet waar je precies die functies mouseOver en mouseOut gebruikt, maar mijn gevoel zegt me dat je dit ook in css kan zetten met :hover.
Offline Rens - 15/02/2007 10:03
Avatar van Rens Gouden medaille

Crew algemeen
Ik ben een stukje verder.
Heb de mouseOver en mouseOut nu in css staan, maar nu werken de mouseovers niet (in IE, heb momenteel geen FF).

http://spf.rensjuh.nl/
Geen hovers...

@marten, de JS stond al in een apart .js bestand.
Nu staat het in de index-template tussen script-tags.
Offline marten - 15/02/2007 10:10
Avatar van marten Beheerder http://www.gigadesign.be/?p=46

Misschien is dit een oplossing?
Offline Rens - 15/02/2007 10:11
Avatar van Rens Gouden medaille

Crew algemeen
Dat is voor <li> en <ol> en die gebruik ik niet?
Offline compudoc - 15/02/2007 10:13
Avatar van compudoc PHP beginner jij zet in je css dit:

td.menuRow
{
// doet er niet toe
}

maar ik dacht dat je gewoon .menuRow moet zetten
of is dat niet zo?
Offline marten - 15/02/2007 10:14
Avatar van marten Beheerder
Citaat:
Dat is voor <li> en <ol> en die gebruik ik niet?


Het gaat om het feit dat je javascript uitvoert in je css Rens 
Offline Ultimatum - 15/02/2007 10:19 (laatste wijziging 15/02/2007 10:19)
Avatar van Ultimatum PHP expert
Citaat:
jij zet in je css dit:

td.menuRow
{
// doet er niet toe
}

maar ik dacht dat je gewoon .menuRow moet zetten
of is dat niet zo?


Nee.. Dit betekend dat je die class alleen op een td kan uitvoeren, op een div wil niet etc..
Offline Rens - 15/02/2007 10:20
Avatar van Rens Gouden medaille

Crew algemeen
@compudoc: Dat maakt niks uit 

@marten, hoe bedoel je dat ik js uitvoer in de css?
Ik volg het even niet helemaal 
Offline Thomas - 15/02/2007 10:41
Avatar van Thomas Moderator Je kunt hiervoor een pure-CSS oplossing van maken.

Je maakt de menu-hyperlinks block-level elements, en geeft de hyperlink en de :hover-variant verschillende background-images.

Zoiets dus:

HTML
  1. <td><a class="menu_item" href="...">...</a></td>


CSS:
  1. a.menu_item
  2. {
  3. display: block;
  4. width: 100px;
  5. height: 25px;
  6. line-height: 25px; /* voor verticaal uitlijnen */
  7. text-indent: 5px; /* linker marge, je kunt ook text-align: center oid gebruiken*/
  8. background-image: url(inactive.gif);
  9. }
  10.  
  11. a.menu_item:hover
  12. {
  13. background-image: url(active.gif);
  14. }
Offline Soebam - 15/02/2007 10:47 (laatste wijziging 15/02/2007 11:00)
Avatar van Soebam HTML ver gevorderde Het probleem is dat je de :hover pseudo class gebruikt voor een td. En dat werkt alleen in css 2, en dus niet in IE6. Er is een fix voor om de :hover pseudo class overal op te kunnen gebruiken, maar ik raad het je niet aan omdat het niet nodig is.

Wat je het beste kan doen is anchors gebruiken, het <a> element ondersteund namelijk wél de :hover psuedo class (ook in IE6). Ik zal zo even een voorbeeld voor je maken.

edit: FangorN is me voor, dat is dus het idee ;)

edit 2: ik had toch niets te doen..

  1. <ul>
  2. <li><a href="?">Begin</a></li>
  3. <li><a href="?">Contact</a></li>
  4. <li><a href="?">Item 3</a></li>
  5. </ul>


  1. ul
  2. {
  3. list-style: none;
  4. margin: 0px;
  5. padding: 0px;
  6. }
  7.  
  8. li
  9. {
  10. margin: 0px;
  11. padding: 0px;
  12. line-height: 30px;
  13. }
  14.  
  15. a
  16. {
  17. display: block;
  18. height: 30px;
  19. width: 100px;
  20.  
  21. border-left-style: solid;
  22. border-left-color: #666666;
  23. border-left-width: 15px;
  24.  
  25. padding-left: 10px;
  26.  
  27. text-decoration: none;
  28. color: #000000;
  29. }
  30.  
  31. a:hover
  32. {
  33. display: block;
  34. height: 30px;
  35. width: 100px;
  36.  
  37. background-color: #efefef;
  38.  
  39. border-left-style: solid;
  40. border-left-color: #e4be39;
  41. border-left-width: 15px;
  42.  
  43. padding-left: 10px;
  44.  
  45. text-decoration: none;
  46. color: #000000;
  47. }
Offline Rens - 15/02/2007 17:10
Avatar van Rens Gouden medaille

Crew algemeen
Dit alles is inmiddels opgelost, heb de javascript in de pagina zelf gezet, en het werkt allemaal gewoon.

Nu ander, raar probleempje.
Ik heb een SWF als header.
Die staat met volledig pad ingesteld (http://www.spfuitzendbureau.nl/templates/normaal/logo.swf).
Maar word niet altijd weergeven.

wel
niet.

Iemand een ideetje hoe dat komt?
Offline timo - 15/02/2007 17:18
Avatar van timo PHP ver gevorderde ligt aan deze regel:
  1. <param name="movie" value="templates/normaal/logo.swf" />

FireFox gebruikt de source die je al eerder opgaf, maar IE gebruikt deze, en dus gaan we op die pagina waar het niet word weergeven zoeken naar vacatures/overzicht/templates/normaal/logo.swf ipv de goeie...
dus even in een hele url veranderen..
Offline Rens - 15/02/2007 17:22 (laatste wijziging 15/02/2007 17:23)
Avatar van Rens Gouden medaille

Crew algemeen
  1. <link rel="stylesheet" type="text/css" href="{PATH}templates/normaal/style.css" />

Dat is mijn template, en die {PATH} word door assignGlobal toegewezen door het hele pad.
En aangezien het hele pad 'http://www.spfuitzendbureau.nl/' bevat, zou daar 'http://www.spfuitzendbureau.nl/templates/normaal/logo.swf' staan...
Offline timo - 15/02/2007 17:24
Avatar van timo PHP ver gevorderde ik keek in de directe bron van die pagina.. dus die PATH assign je daar blijkbaar niet..
Offline Rens - 15/02/2007 17:29
Avatar van Rens Gouden medaille

Crew algemeen
Ah, die had ik gemist.
Het werkt.
Opgelost 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.238s