mise en page html Ok sous IE pas sous FF

Version imprimable

Bonjour
voila ma page index

sous IE tout va bien , sous firefox les "align center" ne sont pas reconnus
j'ai pas envie de faire du css, car je ne connais pas trop
et je suis très mauvais en mise en page...
Merci bcp

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<HTML>
<head>
<title> Admin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<img src="mon_header.JPG">
</br></br></br></br>
 
 <table border=3 align="center">
	<tr>
	<td>
   <table border=0 align="center">
   	<tr>
   		<td align="center">
		<img src="admin.png" width="100" height="80" border="0" ></td>
		<td align="center">
		<img src="tele.jpg" width="100" height="80" border="0" ></td>
		<td align="center">
		<img src="down.jpg" width="100" height="80" border="0" ></td>
		<td align="center">
		<img src="reveil.jpg" width="100" height="80" border="0" >
		</td>
    </tr>
  	<td colspan="4"><form name="myform" method="POST" action="test.php">
   <input type="radio" name="type" value="conf" onClick="document.forms.myform.submit()"><b>Modifier</b>
   <input type="radio" name="type" value="resto" onClick="document.myform.submit()"><b>Restorer </b>&nbsp;&nbsp;
   <input type="radio" name="type" value="upl" onClick="document.forms.myform.submit()"><b>Cr&eacuteer </b>
   <input type="radio" name="type" value="wol" onClick="document.forms.myform.submit()"><b>Reveil</b>
 </form>
	</td>
	</tr>
   </table>
   </td>
   </tr>
</table>

29/10/2008, 21h01
Invité

Bonjour,
Tout d'abord, j'ai testé ton code sous Mozilla 3 et Internet Explorer 7. Et j'obtiens la même chose sur les deux. Alors j'arrive pas à voir l'erreur. :?
Ensuite, j'ai remarqué une petite faute au niveau du mot "créer". Tu utilises "&eacute", alors que c'est "é".

on va commencer par revoir tout ça je pense.
1. ajouter un doctype et faire un entête correct
2. fermer le head
3. mettre un body
4. fermer le html
5. remettre le <tr> qui a dut disparaitre

on obtient déja un truc un peu mieux

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!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" xml:lang="fr" lang="fr">
 
<head>
<title> Admin</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<img src="mon_header.JPG">
</br></br></br></br>
 
<table border=3 align="center">
    <tr>
        <td>
            <table border=0 align="center">
                <tr>
                    <td align="center">
                        <img src="admin.png" width="100" height="80" border="0" >
                    </td>
                    <td align="center">
                        <img src="tele.jpg" width="100" height="80" border="0" >
                    </td>
                    <td align="center">
                        <img src="down.jpg" width="100" height="80" border="0" >
                    </td>
                    <td align="center">
                        <img src="reveil.jpg" width="100" height="80" border="0" >
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <form name="myform" method="POST" action="test.php">
                            <input type="radio" name="type" value="conf" onClick="document.forms.myform.submit()"><b>Modifier</b>
                            <input type="radio" name="type" value="resto" onClick="document.myform.submit()"><b>Restorer </b>&nbsp;&nbsp;
                            <input type="radio" name="type" value="upl" onClick="document.forms.myform.submit()"><b>Cr&eacute;er </b>
                            <input type="radio" name="type" value="wol" onClick="document.forms.myform.submit()"><b>Reveil</b>
                        </form>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

avec ça déjà, ça fonctionne.
Mais tu pourrais encore corriger des fautes (fermer la balise autofermante <img /> <input />, mettre des alt à tes images, ce n'est pas</br> mais <br />, mettre des guillemet pour tes valeurs d'attribut, enlever les majuscules ou il n'en faut pas, utiliser la balise <strong> et non la balise <b>)

bon courage ;)

29/10/2008, 22h09
Invité

Effectivement, j'avais pas vu ses erreurs là. J'ai pas regardé la mise en forme. :D

Avant d'écrire le contenu de ma page, je tape toujours la balise ouvrante et la balise fermante, comme ça je ne fais pas d'erreur.
29/10/2008, 23h19
adm_windoz

Merci adenora
merci popup
vous assurez

sa marche nikel a +

Cordialement