HTML --> XHTML : Pb affichage images !!

guilhem_mdg · Message par **guilhem_mdg** » 30 juil. 2004, 15:11

Alors ça c'est bizarre...
J'ai changé

<html>

par:

Code : Tout sélectionner

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="fr">

Et mes images ont été décalées alors qu'elles s'affichaient correctement avant !! Que se passe-t-il ??

Nucleos · Message par **Nucleos** » 30 juil. 2004, 15:17

On ne va pas y revenir, mais il y a eu pendant cinq/six ans un espèce de guerre entre les différents navigateurs du marché (Netscape et Internet Explorer), et cette guerre avait pour objet le perfectionnement des navigateurs... et du langage utilisé pour baliser des trucs (HTML). C'est de là que vient JavaScript par exemple (et c'est Netscape qui a commencé.)

Au bout d'un moment, les navigateurs ont commencé à accepter des erreurs de programmation. Par exemple, oublier de fermer <p>, ne pas afficher des espèce de simili-commentaires qui avaient oublié de contenir un point d'exclamation (soit : <-- au lieu de <!--)

Toutes ces aberrations rendent difficiles le codage des navigateurs. (cf FAQ XHTML.) Quand tu mets un doctype, et un en-tête correct, les navigateurs analysent ta page comme étant "bien codé". Du coup, les erreurs d'affichages qu'auraient pu commetre les anciens navigateurs s'effacent, et tu as pour résultat l'affichage que tu aurais dû avoir dès le début.

Après, pour t'aider spécifiquement, donne-nous l'exemple qui cloche.

guilhem_mdg · Message par **guilhem_mdg** » 30 juil. 2004, 15:22

Tout d'abord, mon document est validé par le W3C donc pas d'erreur de balises...

Voici le code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="fr">

<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>


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

</script>

Le fichier menu.js:

function creation_Menu_Chasse(){
var menu=""
+"<div id=menu>"

+"<div id=logo>"
+" <div id=top_logo><img src=top_logo.jpg></div>"
+" <div id=image_logo><img src=logo_dd.png></div>"
+" <div id=bas_logo><img src=photos/bas_logo.jpg></div></div>"

Etc.

+"</div>"

+""
return menu;
}

Et dans le css:

#menu {
position:absolute;
top:4px;
left:10px;
width: 200px;}

@media print {
#menu {
visibility:hidden;}}

#top_logo,#bas_logo{
margin-top:0px;
padding-top:0px;
border:1px solid red;
height:10px;}

#image_logo{
text-align:center;
border:1px solid red;
height:176px;}

#logo img {
margin-bottom:0px;
border:1px solid blue;}

Kropotkine · Message par **Kropotkine** » 30 juil. 2004, 15:27

Quelle est l'utilité de menu.js, ne pourrais-tu pas directement écrire les <div> dans ton fichier ?

guilhem_mdg · Message par **guilhem_mdg** » 30 juil. 2004, 15:29

Hum, c'est une longue histoire !
Regarde le post:
http://www.geckozone.org/forum/viewtopic.php?t=7652

Xanthor · Message par **Xanthor** » 30 juil. 2004, 15:38

(L'archaïque document.write ne marche pas en XHTML. C'est même rappelé dans la recente FAQ du W3C...)

guilhem_mdg · Message par **guilhem_mdg** » 30 juil. 2004, 15:41

Ah bon désolé. Et je le remplace par quoi ?
C'est bizarre qu'il me l'est validé...

Kropotkine · Message par **Kropotkine** » 30 juil. 2004, 15:50

guilhem_mdg a écrit :Ah bon désolé. Et je le remplace par quoi ?

http://www.geckozone.org/forum/viewtopi ... 9002#39002

Xanthor · Message par **Xanthor** » 30 juil. 2004, 16:12

guilhem_mdg a écrit :C'est bizarre qu'il me l'est validé...

C'est un validateur HTML/XHTML, pas javascript ou DOM

Geckozone

HTML --> XHTML : Pb affichage images !!

HTML --> XHTML : Pb affichage images !!

exemple + analyse stricte

Qui est en ligne ?