Affichage site web mobile
Bonjour,
J'ai un problème avec l'affichage de mon site web sur mobile.
Je n'arrive pas a centrer ma page sur le tableau qui contient la table qui contient les données pour se connecter. La page s'affiche en grand sur le mobile et je suis obligée de naviguer pour pouvoir centrer sur la table.
Y a t-il un truc que j'ai loupé dans la programmation de ma page qui me permettrai d'avoir une page web format mobile?
ci dessous le code de ma page
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
|
<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Connexion site web</title>
<style type="text/css">
.h{font-size:x-small;text-align:center}
.e{margin:2px;padding:2px;text-align:center;font-size:x-small}
.e div{margin:4px auto}
.a{margin:4px auto;font-size:x-small}
.b{text-align:center}
.f{vertical-align:middle;border:0}
.g{text-align:center}
.i{font-size:small;width:100%}
.c{width:80%;text-align:left}
.d{text-align:right;width:20%}
.j{color:#ffffff;border:2px;display:none}
</style>
</head>
<body>
<div class="content">
<form action="login.php" method="post">
<table width="150" align="center" border="1" cellpadding="5" cellspacing="0" bgcolor="silver">
<tr><td><table align="center">
<tr><td align="center">Utilisateur : </td></tr>
<tr><td><input type="text" name="user" size="10" value=""/></td></tr>
<tr><td align="center">Mot de passe : </td></tr>
<tr><td><input type="password" name="pass" size="10" value=""/></td></tr>
<tr><td colspan="2" align="center"><input type="submit" value="Envoyer"/></td></tr>
</table>
</td></tr></table>
</form>
</body>
</html> |
