mise en page html Ok sous IE pas sous FF

**adm_windoz** · 29/10/2008, 19h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Invité · 29/10/2008, 21h01

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 "é".

**pop_up** · 29/10/2008, 21h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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