Erreur de code
Bonjour,
voila je suis en train de faire l'index de mon site
voila mon code
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
</head>
<body>
<table width=100% bgcolor="#FF0000">
<table width=980>
<tr>
<img src="image/bande_haut_index.jpg">
</tr>
<tr>
<table>
<tr>
<th><img src="image/gauche_bouton.jpg"></th>
<th><img src="image/presentation_off.jpg"></th>
<th>
<table>
<tr>
<th><img src="image/haut_3_boutons.jpg"></th>
</tr>
<tr>
<th><img src="image/infos_pratiques_off.jpg"></th>
<th><img src="image/jourj_off.jpg"></th>
<th><img src="image/contact_off.jpg"></th>
</tr>
</table>
</th>
<th><img src="image/droite_bouton.jpg"></th>
</tr>
</table>
</tr>
<tr>
<img src="image/bande_bas_index.jpg">
</tr>
</table>
</table>
</body>
</html>
Le probleme c'est que rien n'est assemblé et les premières photos
<img src="image/bande_haut_index.jpg">
<img src="image/bande_bas_index.jpg">
ne s'affiche pas
Quel est mon erreur dans le code
Avant je travaillé sous dreamweaver et la je me lance avec amaya en tapant moi même mon code
merci d'avance
voila je suis en train de faire l'index de mon site
voila mon code
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" />
</head>
<body>
<table width=100% bgcolor="#FF0000">
<table width=980>
<tr>
<img src="image/bande_haut_index.jpg">
</tr>
<tr>
<table>
<tr>
<th><img src="image/gauche_bouton.jpg"></th>
<th><img src="image/presentation_off.jpg"></th>
<th>
<table>
<tr>
<th><img src="image/haut_3_boutons.jpg"></th>
</tr>
<tr>
<th><img src="image/infos_pratiques_off.jpg"></th>
<th><img src="image/jourj_off.jpg"></th>
<th><img src="image/contact_off.jpg"></th>
</tr>
</table>
</th>
<th><img src="image/droite_bouton.jpg"></th>
</tr>
</table>
</tr>
<tr>
<img src="image/bande_bas_index.jpg">
</tr>
</table>
</table>
</body>
</html>
Le probleme c'est que rien n'est assemblé et les premières photos
<img src="image/bande_haut_index.jpg">
<img src="image/bande_bas_index.jpg">
ne s'affiche pas
Quel est mon erreur dans le code
Avant je travaillé sous dreamweaver et la je me lance avec amaya en tapant moi même mon code
merci d'avance
Configuration: Windows XP Firefox 3.0.6
6 réponses
-
Tout d'abord met ton code en balise la prochaine fois ^^ Ca aide à la compréhension.
Ensuite tes images :
<img src="image/bande_haut_index.jpg"> <img src="image/bande_bas_index.jpg">
sont bien dans le dossier image qui lui même est au même endroit que ta page ?-
oui elles sont au bon endroit.
qu'est ce que tu veux dire par "met ton code en balise"
Sinon amaya me met comme erreur
Les lignes colorées sont des liens activés par un double (ou simple) click
*** Errors/warnings in D:\EasyPHP 3.0\www\emeline\index.html
line 11, char 7: Tag <table> is not allowed here (removed when saving)
line 14, char 5: Tag <img> is not allowed here (removed when saving)
line 18, char 9: Tag <table> is not allowed here (removed when saving)
line 20, char 0: Missing mandatory attribute alt for element img
line 21, char 0: Missing mandatory attribute alt for element img
line 25, char 0: Missing mandatory attribute alt for element img
line 30, char 0: Missing mandatory attribute alt for element img
line 31, char 0: Missing mandatory attribute alt for element img
line 32, char 0: Missing mandatory attribute alt for element img
line 37, char 0: Missing mandatory attribute alt for element img
line 41, char 6: Invalid end tag </tr> (removed when saving)
line 44, char 5: Tag <img> is not allowed here (removed when saving)
line 46, char 8: Invalid end tag </table> (removed when saving)
line 47, char 8: Invalid end tag </table> (removed when saving)
-
-
te serais t'il possible de me filer les img
-
je vais les mettre sur le serveur comme ca vous pourrez voir la page
voila l'adresse
http://www.sandrineetgwen.fr/emeline.html
alors c'est assez marrant car dans amaya les images n'apparaisse pas mais sur firefox oui.
Comment cela se fait il?
Comment je peux tout resserrer pour éviter que mes images ne se baladent -
@gaya_102la je comprend pas j'ai juste enlever les lettres et voila en fait se que je vouyais dans amaya
Je sais si je suis très claire dans mes explications
-
-
Déjà un tableau ça se présente en trois niveau :
<table>
<tr>
<td>
Les images doivent être dans les cellules <td> pour apparaitre.
Les cellules th tu en as partout, ce ne sont que des cellules d'en-tête normalement. Elles ne sont pas faites pour mettre du contenu.
Vas voir ici c'est expliqué simplement :
https://www.commentcamarche.net/contents/504-tableau-html-table
-
je rentre chez moi dans 30 minutes donc je te ferais ta page sous dreamweaver, et je te conseille fortement de le récupérer car faire du htlm sans visuel c'est trés vite chiant. ^^
-
gratuit ne veux pas forcement dire mieux, persnnelement j'aurais du mal à programmer avec autre chose que dream
-
voila déja le début si tu pouvais remettre ta page d'origine ce serais cool
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<table width="992" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="238" rowspan="2" valign="top"><img src="image/gauche_bouton.jpg" width="238" height="126" /></td>
<td width="122" rowspan="2" valign="top"><img src="image/presentation_off.jpg" width="122" height="126" /></td>
<td height="39" colspan="4" valign="top"><img src="image/haut_3_boutons.jpg" width="620" height="39" /></td>
</tr>
<tr>
<td width="208" height="87" valign="top"><img src="image/infos_pratiques_off.jpg" width="208" height="87" /></td>
<td width="123" valign="top"><img src="image/jourj_off.jpg" width="123" height="87" /></td>
<td width="99" valign="top"><img src="image/contact_off.jpg" width="99" height="87" /></td>
<td width="202" valign="top"><img src="image/droite_bouton.jpg" width="202" height="87" /></td>
</tr>
<tr>
<td height="429"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
