[xhtml] Website werkt onder mozilla, maar niet onder IE ! - Softwareontwikkeling

donderdag 21 oktober 2004 14:33

Acties:

Topicstarter

Ik moest voor school een portfolio maken, heb deze gemaakt op mn ibook, en daar ook getest. Het vreemde is dat hij op mn ibook op zowel safari als IE prima werkt, maar op een windows machine werkt ie alleen met mozilla !

kan iemand even naar mn code kijken om te zien of er wat fout is, ben niet bepaald een code guru

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>mijn naam - Thuis</title>

<link rel="STYLESHEET" type="text/css" href="stijl.css" />
</head>
<body>


<script type="text/javascript" language="javascript1.2" src="javascript.js"></script>

<div class="groen">[img]"groenup.gif"[/img] </div>
<div class="geel">[img]"geelup.gif"[/img] </div>
<div class="blauw">[img]"blauwup.gif"[/img] </div>
<div class="rood">[img]"roodup.gif"[/img] </div>
<div class="bruin">[img]"bruinup.gif"[/img]</> </div>
<div class="groen">[img]"groenup.gif"[/img] </div>


<script type="text/javascript" language="javascript1.2" src="javascript.js"></script>


</body>
</html>

donderdag 21 oktober 2004 14:36

Acties:

faabman

een anchor (<a />) binnen een image (<img />) mag afaik niet...
het moet zijn

<a><img /></a>

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

donderdag 21 oktober 2004 14:37

Acties:

Verwijderd

je (x)html deugt gewoon niet.
o.a. je img tags worden niet afgesloten.
probeer je document eerst eens te valideren, dan merk je waarschijnlijk al snel wat er fout is.

hier ff al snel een resultaat van een validatie

12 The tag: "script" doesn't have an attribute: "language" in currently active versions.
14 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
14 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
14 The tag: "img" doesn't have an attribute: "href" in currently active versions.
15 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
15 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
15 The tag: "img" doesn't have an attribute: "href" in currently active versions.
16 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
16 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
16 The tag: "img" doesn't have an attribute: "href" in currently active versions.
17 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
17 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
17 The tag: "img" doesn't have an attribute: "href" in currently active versions.
18 in tag: img the following required attributes are missing: alt
18 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
18 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
18 The tag: "img" doesn't have an attribute: "href" in currently active versions.
18 Nesting error, "img" should be closed before closing "div"
19 The tag: "img" doesn't have an attribute: "hoversrc" in currently active versions.
19 The tag: "img" doesn't have an attribute: "<a" in currently active versions.
19 The tag: "img" doesn't have an attribute: "href" in currently active versions.
22 The tag: "script" doesn't have an attribute: "language" in currently active versions.

[ Voor 103% gewijzigd door Verwijderd op 21-10-2004 14:39 ]

donderdag 21 oktober 2004 14:39

Acties:

André

Analytics dude

Verander die regels in:

code:

1	<div class="groen"><a href="thuis.html">[img]"groenup.gif"[/img]</a></div>

donderdag 21 oktober 2004 14:43

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

wat dacht je van:

XML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>mijn naam - Thuis</title>

<link rel="STYLESHEET" type="text/css" href="stijl.css" />
</head>
<body>

<script type="text/javascript" src="javascript.js"></script>

<a class="groen" href="thuis.html" ><img src="groenup.gif" alt="groen" /> </a>
<a class="geel"   href="ik.xml" ><img src="geelup.gif" alt="geel" /> </a>
<a class="blauw" href="werk.php"/><img src="blauwup.gif" alt="blauw"  /> </a>
<a class="rood"  href="mail.html"/><img src="roodup.gif" alt="rood"  /> </a>
<a class="bruin" href="links.html"><img src="bruinup.gif" alt="bruin" /> </a>
<a class="groen" href="links.xml" ><img src="groenup.gif" alt="groen"  /> </a>

<script type="text/javascript" language="javascript1.2" src="javascript.js"></script>

</body>
</html>

overbodige tags weggehaald, dus geen aparte DIV, maar als je element zelf gewoon direkt een link is, gebruik dan zelf een A, eventueel met CSS, en dan display: block definieren en een width opgeven.

hoversrc is ongeldige html, gebruik onmouseover en onmouseout en javascript
of eventueel via CSS en A:hover psuedoclasses (dan moet je de image wel als backgroundimage verwerken)..

verder, begin gewoon de basis van markuptalen te leren, ga niet zonder kennis aan de slag en probeer stricte XHTML te schrijven als je nog niet de basis kent (Mario zegt: "Pizzabakkers begienen met die Bodem")

[ Voor 24% gewijzigd door RM-rf op 21-10-2004 14:46 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 21 oktober 2004 14:47

Acties:

André

Analytics dude

RM-rf schreef op 21 oktober 2004 @ 14:43:

verder, begin gewoon de basis van markuptalen te leren, ga niet zonder kennis aan de slag en probeer stricte XHTML te schrijven als je nog niet de basis kent (Mario zegt: "Pizzabakkers begienen met die Bodem")

A tags moeten in een block-level element staan

donderdag 21 oktober 2004 14:57

Acties:

McFreak

McFraGG de gekste !!

ja kan imho beter overgaan op transitional ipv strict

McFraGG de gekste !!

donderdag 21 oktober 2004 15:01

Acties:

peligro2k

Topicstarter

ja er waren allemaal regels, ik moest div tags gebruiken, en moest xhtml strict gebruiken. Ben nu 5 weken bezig met webdesign, en ze eisen dat je alles vrij snel leert.

iig bedankt voor de hulp, snap er niet veel van alleen, maar ik ga wel wat dingen proberen

donderdag 21 oktober 2004 15:02

Acties:

André

Analytics dude

peligro2k schreef op 21 oktober 2004 @ 15:01:
ja er waren allemaal regels, ik moest div tags gebruiken, en moest xhtml strict gebruiken. Ben nu 5 weken bezig met webdesign, en ze eisen dat je alles vrij snel leert.

iig bedankt voor de hulp, snap er niet veel van alleen, maar ik ga wel wat dingen proberen

Je moet de tags gebruiken die voor het doel nodig zijn, en zomaar <div> tags gebruiken. Daar komt bij dat IE helemaal geen XHTML ondersteund.

donderdag 21 oktober 2004 15:07

Acties:

peligro2k

Topicstarter

zou iemand nog een voorbeeld geven van hoe ik zon a class kan positioneren via mn css bestand ?

donderdag 21 oktober 2004 15:20

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

peligro2k schreef op 21 oktober 2004 @ 15:07:
zou iemand nog een voorbeeld geven van hoe ik zon a class kan positioneren via mn css bestand ?

Ik denk het niet

je kunt zelf proberen of je wat over CSS kunt leren op
http://www.w3schools.com/css

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 21 oktober 2004 15:21

Acties:

André

Analytics dude

spoiler:

.groen {
position: absolute;
left: 200px;
top: 300px;
}

donderdag 21 oktober 2004 15:26

Acties:

peligro2k

Topicstarter

oki, bedankt iedereen, kga ff rondkijken, en de gegeven voorbeelden proberen.

prettig weekend alvast !

donderdag 21 oktober 2004 15:29

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

* RM-rf laat het denken voortaan aan André over, die is nog jong, en die kan dat nog doen zonder daarvoor eerst zijn bovenkamertje aan te moeten zwengelen

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 21 oktober 2004 15:31

Acties:

peligro2k

Topicstarter

ja dat had ik geprobeert andre, werkte vreemd genoeg niet.

donderdag 21 oktober 2004 15:35

Acties:

André

Analytics dude

peligro2k schreef op 21 oktober 2004 @ 15:31:
ja dat had ik geprobeert andre, werkte vreemd genoeg niet.

Ik neem aan dat je de link van RM-rf ook bekeken hebt?

donderdag 21 oktober 2004 15:47

Acties:

Verwijderd

Nog een tip. Geef de classes (en id's) geen namen als groen, of geel. Geef de elementen een beschrijvende naam als "menu", of "inhoud". Stel dat je later de kleur wil aanpassen dan heet zo'n element "groen" terwijl het in je site blauw geworden is.

[ Voor 11% gewijzigd door Verwijderd op 21-10-2004 15:48 ]

donderdag 21 oktober 2004 15:49

Acties:

André

Analytics dude

Verwijderd schreef op 21 oktober 2004 @ 15:47:
Nog een tip. Geef de classes (en id's) geen namen als groen, of geel. Geef de elementen een beschrijvende naam als "menu", of "inhoud". Stel dat je later de kleur wil aanpassen dan heet zo'n element "groen" terwijl het in je site blauw geworden is.

Maar wat als je class "menu" heet en je hem laters als content gaat gebruiken, dan heet je content mooi "menu"

donderdag 21 oktober 2004 15:51

Acties:

peligro2k

Topicstarter

yea bedankt nokia, dacht ik ook al aan, is idd wat handiger

donderdag 21 oktober 2004 15:54

Acties:

curry684

left part of the evil twins

Dit gaat nergens meer over

Topicstarter: doe eens op www.w3schools.com in volgorde de HTML, CSS en XHTML courses volgen, dan ben je na 2 uur genoeg voorbereid voor die hele cursus van je

Professionele website nodig?