28172 sujets

CSS et mise en forme, CSS3

Bonjour,

voilà le site sur lequel je travaille (seule la première page est terminée).

http://db.tt/7Xu9MQA

Je n'avais pas fait de site depuis quelque années et ça reviens plus ou moins Cependant impossible de me rappeller pour quoi les liens n'apparaisssent pas de la même manière sous chrome et les autres navigateurs (sous chrome, le hover fonctionne, sous ie et firefox, il ne fonctionne pas(le texte est par défaut de la couleur du hover).

J'ai aussi le pied de page qui se balade au milieu sous IE...

Merci d'avance pour votre aide.
Bonjour, tu as des erreurs de validation sur ton pied de page. Vérifie la structure de ta liste.


<div id="footer">
  <ul>
    <p>Contactez-nous</p>
    <li><strong>Téléphone/Fax:</strong> ( 00 33 ) 04 93 67 70 29 </li>
    <li><strong>Téléphone portable :</strong> 06 62 66 70 29 </li></a>
    <a href="xxxxx@wanadoo.fr"><li>e-Mail</li></a>
  </ul>
</div>



<ul> doit contenir que des <li> par exemple. Et tu as </a> mal placé, ton lien doit être dans le <li> et non l'inverse...
Bonjour,

D'un point de vue sémantique, le code HTML du pied de page est faux.
Le titre Contactez-nous devrait être... un titre (ici un H2), et pas le premier élément d'une liste. Pour les trois éléments suivants, on peut avoir une liste de 3 items, 3 paragraphes ou un paragraphe avec deux BR pour des retours à la ligne, ça ne change pas grand chose. Mettons une liste si on veut trancher.

Pour info, il reste un <li> en trop dans le code HTML de ce pied de page.

eZe a écrit :
J'ai aussi le pied de page qui se balade au milieu sous IE...

Quelles versions?
Je n'ai rien remarqué de spécial dans le code CSS qui pourrait causer ce problème. Le seul problème éventuel serait le dépassement des flottants, mais le clear:left sur le footer (qui peut à la rigueur être remplacé par un clear:both) devrait régler le problème.
Bien vu pour la sémantique, c'est corrigé. La liste n'est effectivement pas vraiment indispensable mais c'est toujours plus lisible/élégant que des br/ successifs.
Pour le pied de page j'ai du corriger le problème entre temps. Le résultat n'est pas des plus élégant mais j'ai pas beaucoup plus de temps à y consacrer.