xhtml 1.1 strict en dan rollover image [opgelost]

Goedendag mensen, ik moet voor school een digitale portfolio maken. Dat moet in xhtml 1.1 strict. De site moet je kunnen valideren (validator.w3.org). Nou wil ik een rolloverscript plaatsen in mn site. vervolgens doe ik dat maar als ik dat door die validator van w3schools gooi dan is ie niet valid. Iemand suggestie(s)? vg Stonefax

PS. Mij excuses als het al ergens anders op het forum te vinden is. Ik heb het gezocht maar ik heb het niet kunnen vinden in combi met xhtml 1.1 strict

Op school wisten ze me te vertellen dat het wel kan, alleen niet hoe… hmja

ik kan bijna niet geloven dat het in 1.1 strict moet.. waarom is dat de eis?

ja. Ik vind het ook nergens op slaan. Dat het in strict moet is omdat ze het ons gelijk goed willen leren, zonder foutjes en dergelijke. Nou vind ik dat persoonlijk een beetje meuk-praat...

maar goed dat is toch echt de eis die ze stellen

[quote:e37cdfa90b="StoneFax"]ja. Ik vind het ook nergens op slaan. Dat het in strict moet is omdat ze het ons gelijk goed willen leren, zonder foutjes en dergelijke. Nou vind ik dat persoonlijk een beetje meuk-praat...

maar goed dat is toch echt de eis die ze stellen[/quote:e37cdfa90b]

waarom niet xhtml 1.0 strict? xhtml 1.1 mag je niet als text/html serveren he…

xhtml 1.0 strict was toch wel aardiger geweest denk ik....

opgelost: Ik las net dat 'name' niet word getolereerd. ik heb het veranderd in 'id' en toen deed alles het..

<?xml version=“1.1” encoding=“utf-8”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html>

<head><script type=“text/javascript”>
if (document.images)
{buttonoff = new Image();
buttonoff.src = “images/buttons_home/home.jpg”;
buttonon = new Image();
buttonon.src = “images/buttons_home/home_rollover.jpg”;
}
function On(imageName)
{
if (document.images)
{
document[imageName].src = eval(imageName+“on.src”);
}
}
function Off(imageName)
{
if (document.images)
{
document[imageName].src = eval(imageName+“off.src”);
}
}
</script>

<style type=“text/css”>
div.main { position:relative;
margin-left: auto;
margin-right: auto;
background:#000000;
width:523px;
height:776px;
top:50px}
div.home_link { position:absolute;
top:50;
left:14px}

img.home_achtergrond	{	position:absolute;
				top:121px;
				left:14px}

img.portfolio_onder	{	width:444px;
				height:242px;
				position:absolute;
				top:535px;
				left:14px}

body			{	background-color:#000000;
				margin-left:inherit;
				scrollbar-3dlight-color: #000000; 
				scrollbar-arrow-color:#FFFFFF;
				scrollbar-base-color:#000000;
				scrollbar-darkshadow-color: #000000;
				scrollbar-face-color:#000000;
				scrollbar-highlight-color: #000000;
				scrollbar-shadow-color: #000000;}

div.text		{	width:300px;
				height:200px;
				position:absolute;
				top:330px;
				left:140px}

p			{	font-family:Arial, Helvetica, sans-serif;
				color:#cccccc;
				font-size:11px;}

</style>

<title>…</title>
</head>

<body>
<div class=“home_link”><a href=“www.apple.nl” onmouseover=“On(‘button’);” onmouseout=“Off(‘button’);”>
<img src=“images/buttons_home/home.jpg” alt="" width=“90” [b:c49d228633]id[/b:c49d228633]=“button” height=“20” /></a> </div>
<div class=“main”><img class=“home_achtergrond” src=“images/home_achtergrond.jpg” alt=""/>
<img class=“portfolio_onder” alt="" src=“images/portfolio_onder.jpg”/>
<div class=“text” style=“overflow: scroll”><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin vel enim. Sed mi lacus, varius ac, porta sit amet, sagittis quis, felis. Nulla facilisi. Donec tempus, diam ac scelerisque faucibus, turpis turpis porta leo, a dictum magna diam vitae neque. Donec diam ante, vestibulum quis, cursus pellentesque, malesuada eget, urna. Curabitur turpis ante, pulvinar ac, euismod ut, elementum accumsan, erat. Ut quam. Donec et sem volutpat ligula rhoncus porta. Vestibulum eget odio. Morbi bibendum faucibus dui. Nullam pretium mi at mi. Nam odio. Proin porta metus vel pede. Sed at mi eget nunc volutpat sagittis. Praesent euismod tempus nisi. Aenean pretium elit vel dolor. Fusce auctor. Suspendisse orci pede, ornare ut, rutrum at, congue sed, tortor. Nullam malesuada ultrices risus.</p>
<p>Pellentesque feugiat posuere diam. Maecenas quis eros id dolor volutpat porta. Nunc et ipsum. In hac habitasse platea dictumst. Cras laoreet ante non urna. Donec ultricies rutrum nunc. Duis lacinia.</p>
</div></div>
<p>
<a href=“http://validator.w3.org/check?uri=referer”><img
src=“http://www.w3.org/Icons/valid-xhtml11
alt=“Valid XHTML 1.1” height=“31” width=“88” /></a>
</p>

</body>

</html>


Ik heb nog niet zo veel verstand xhtml, maar nu werkt het…

[quote:19245ed037="StoneFax"]ja. Ik vind het ook nergens op slaan. Dat het in strict moet is omdat ze het ons gelijk goed willen leren, zonder foutjes en dergelijke. Nou vind ik dat persoonlijk een beetje meuk-praat...

maar goed dat is toch echt de eis die ze stellen[/quote:19245ed037]

Ze hebben gelijk. HTML-code is veel te rommelig, geen mens die eraan uitkan. XHTML 1.1 Strict bestaat trouwens niet, het is ofwel XHTML 1.0 Strict ofwel 1.1.

Let wel op de <meta http-equiv="content-type tag, die moet zo zijn:

[code:1:19245ed037]<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />[/code:1:19245ed037]

XHTML 1.1 is de beste versie ooit, zonder discussie.

Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994.

http://www.alistapart.com/articles/sprites/

[quote:02bceeeebc="à la Mac"][ Ze hebben gelijk. HTML-code is veel te rommelig, geen mens die eraan uitkan. ... XHTML 1.1 is de beste versie ooit, zonder discussie.[/quote:02bceeeebc]

blaataap

[quote:ac3bf13489="tennapel"][quote:ac3bf13489="à la Mac"][ Ze hebben gelijk. HTML-code is veel te rommelig, geen mens die eraan uitkan. ... XHTML 1.1 is de beste versie ooit, zonder discussie.[/quote:ac3bf13489]

blaataap[/quote:ac3bf13489]

karma tennapel +1 :slight_smile:

[quote:7fc8942e1b="tennapel"]Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994.

http://www.alistapart.com/articles/sprites/[/quote:7fc8942e1b]

Hmm… Eerst XHTML 1.0 Transitional ten alle kosten verdedigen, nu CSS tot de overwinnaar van JavaScript uitroepen…

[quote:4ffe76d80b="à la Mac"][quote:4ffe76d80b="tennapel"]Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994.

http://www.alistapart.com/articles/sprites/[/quote:4ffe76d80b]

Hmm… Eerst XHTML 1.0 Transitional ten alle kosten verdedigen, nu CSS tot de overwinnaar van JavaScript uitroepen…[/quote:4ffe76d80b]

Waar verdedig ik XHTML 1,0 Transitional? (graag de exacte referentie).
CSS is in geval van een rollover een betere optie dan javascript, ik beweer nergens dat CSS de overwinnaar van javascript is.

Zet jezelf niet zo te kakken man.

[quote:d68d9b6dd7="tennapel"][quote:d68d9b6dd7="à la Mac"][quote:d68d9b6dd7="tennapel"]Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994.

http://www.alistapart.com/articles/sprites/[/quote:d68d9b6dd7]

Hmm… Eerst XHTML 1.0 Transitional ten alle kosten verdedigen, nu CSS tot de overwinnaar van JavaScript uitroepen…[/quote:d68d9b6dd7]

Waar verdedig ik XHTML 1,0 Transitional? (graag de exacte referentie).
CSS is in geval van een rollover een betere optie dan javascript, ik beweer nergens dat CSS de overwinnaar van javascript is.

Zet jezelf niet zo te kakken man.[/quote:d68d9b6dd7]

In dit topic bijvoorbeeld:

[quote:d68d9b6dd7]Transitional werkt net zo goed met CSS.[/quote:d68d9b6dd7]

En je zegt nu zelf dat JavaScript zo 1994 is, terwijl dat CSS ultramodern is.

[quote:7fd297361d="à la Mac"]En je zegt nu zelf dat JavaScript zo 1994 is, terwijl dat CSS ultramodern is.[/quote:7fd297361d]

CSS “bestaat” sinds 1996.

[quote:1c64be6a03="à la Mac"][quote:1c64be6a03="tennapel"][quote:1c64be6a03="à la Mac"][quote:1c64be6a03="tennapel"]Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994. http://www.alistapart.com/articles/sprites/[/quote:1c64be6a03] Hmm... Eerst XHTML 1.0 Transitional ten alle kosten verdedigen, nu CSS tot de overwinnaar van JavaScript uitroepen...[/quote:1c64be6a03] Waar verdedig ik XHTML 1,0 Transitional? (graag de exacte referentie). Zet jezelf niet zo te kakken man.[/quote:1c64be6a03] In [url=http://forum.macosx.nl/viewtopic.php?t=68957]dit[/url] topic bijvoorbeeld: [quote:1c64be6a03]Transitional werkt net zo goed met CSS.[/quote:1c64be6a03] En je zegt nu zelf dat JavaScript zo 1994 is, terwijl dat CSS ultramodern is.[/quote:1c64be6a03] Oewww , that's gotta hurt ... well done à la Mac ... crashed and burned :evil: . Commentaar geven om commentaar te moeten geven ... de fik erin One down, one to go

Ik vraag alvast een slotje.

[quote:7d8f001a62="R_van_Heukelum"][quote:7d8f001a62="à la Mac"][quote:7d8f001a62="tennapel"][quote:7d8f001a62="à la Mac"][quote:7d8f001a62="tennapel"]Gebruik CSS voor de roll-overs. Javascript is zo ontzettend 1994. http://www.alistapart.com/articles/sprites/[/quote:7d8f001a62] Hmm... Eerst XHTML 1.0 Transitional ten alle kosten verdedigen, nu CSS tot de overwinnaar van JavaScript uitroepen...[/quote:7d8f001a62] Waar verdedig ik XHTML 1,0 Transitional? (graag de exacte referentie). Zet jezelf niet zo te kakken man.[/quote:7d8f001a62] In [url=http://forum.macosx.nl/viewtopic.php?t=68957]dit[/url] topic bijvoorbeeld: [quote:7d8f001a62]Transitional werkt net zo goed met CSS.[/quote:7d8f001a62] En je zegt nu zelf dat JavaScript zo 1994 is, terwijl dat CSS ultramodern is.[/quote:7d8f001a62] Oewww , that's gotta hurt ... well done à la Mac ... crashed and burned :evil: . Commentaar geven om commentaar te moeten geven ... de fik erin One down, one to go[/quote:7d8f001a62]

Je zou kunnen beginnen gewoon NEDERLANDS/VLAAMS te praten. :expressionless:

[mod-modus]

Graag de discussie ontopic voortzetten. à la Mac, gelieve niet zo overdreven te quoten, dat is nergens voor nodig.

[/mod-modus]