Rebonjour,
Dans le css pour ton menu, il y a indiqué :
li ul
{
display:none;
}
li:hover>ul
{
display: block;
}
Sous IE6,
li:hover>ul ne fonctionne pas (la pseudo-classe
hover ne s'applique qu'à l'élément
a sur ce navigateur) et celui-ci n'interprète que
li ul donc le menu ne peut pas apparaître... Il faudrait que ce soit le javascript qui lance la commande de masquage des listes du menu au démarrage.
Par ailleurs, il serait préférable d'ajouter les images placées en background sur les liens d'ouverture de ton menu en dur dans la partie xhtml sans oublier le
alt afin qu'une fois les images et css désactivés, on puisse voir ces liens.
Pour ton formulaire, tu peux remplacer :
<h1>membres</h1>
<p id="membres">
<form method="post" action="verif.php">
<label for="user"></label>
<input type="text" name="login" size="15" value="login">
<br /> <br />
<label for="pass"></label>
<input type="text" name="pass" size="15" value="pass" background-color="#ffcc66">
<br /> <br />
<input type="image" src="./images/connexion.gif" width="110" height="26" border="0">
</form>
</p>
par :
<h1>membres</h1>
<form id="membres" action="verif.php" method="post">
<div>
<label for="user">Utilisateur : </label>
<input type="text" id="user" name="login" size="15" value="login" />
<label for="pass">Mot de passe : </label>
<input type="text" id="pass" name="pass" size="15" value="pass" />
</div>
<div>
<input type="image" src="./images/connexion.gif" width="110" height="26" alt="Connexion" />
</div>
</form>
et :
<h1>newsletter</h1>
<p id="mail">
<form action='mail.php' method='post'>
<input type='text' name='email' size='15'>
<input type='submit' value='ok'>
</form>
</p>
par :
<h1>newsletter</h1>
<form id="mail" action="mail.php" method="post">
<div>
<label for=="email">email</label>
<input type="text" id="email" name="email" size="15" />
</div>
<div>
<input type="submit" value="ok" />
</div>
</form>
L'indication du label est utile... En cliquant dessus, on donne le focus au champ. Si tu ne les renseignes pas, ce n'est pas possible.
Les attributs s'indiquent à l'aide de guillemets et non d'apostrophes.
Il faut aussi bien fermer tes balises (input) et indiquer un attribut alt sur ton bouton de type "image".
Pour ceci :
<div id="droite">
<p id="pubdroite"></p>
<a href="calendrier2.php"><p id="calendrier"></p></a>
</div>
ça ne colle pas... Encore une fois, l'image de la pub devrait être placée dans le code xhtml et non en background.
a est un élément de type "en-ligne" et ne peut pas contenir d'élément de type "block" tel que p.
Avant de chercher à corriger tous tes problèmes, je pense que tu devrais commencer par rendre ta page valide, ce qui évitera un bon nombre d'erreurs de comportements...
Modifié par koala64 (25 Nov 2006 - 22:39)