Bordure et CSS

[AllanTK]

Bonjour
Je suis en train de refaire le design de mon site en essayant au maximun que possible gérer le design par une feuille de style. J'ai déja réussi à positionné le logo et le menu. Malheureusement le menu n'est pas affiché correctement sous IE. Je n'arrive pas à trouver d'où vient le problème, si vous pouviez m'aider ?

Code HTML

Code : Tout sélectionner

<div class="logo">
	<h1><img src="images/img_01atk.jpg" width="100%" height="160" alt="DameCHAOS, Site sur les jeux Blizzard et les mods Half-Life"></h1>
</div>

<div class="menu">
	<ul>
		<li><a href="/">Accueil</a></li>
		<li><a href="/modules/newbb/">Forum</a></li>
		<li><a href="/modules/mydownloads/">Fichiers</a></li>
		<li><a href="/modules/mylinks/">Liens</a></li>
		<li><a href="/modules/wfsection/">Dossiers & Stratégies</a></li>
		<li><a href="/modules/contact/">Contacts</a></li>

		<li><a href="/team.php">La team</a></li>
		<li><a href="/modules/wfsection/article.php?articleid=18" class="important">Règles du site</a></li>
	</ul>
</div>

Code CSS --> http://www.damechaos.com/atk/testing/damecss.css

Il existe encore de vieux styles en majuscule au début de mon fichier mais je les convertirais plus tard.

Aperçu de ma page en ligne: http://www.damechaos.com/atk/testing/mapage.html

Norme utilisé: HTML 4 Transitional & CSS2

[Benoit]

Je ne sais pas si c'est la seule raison, mais lorsque tu utilises le raccourci "border", l'ordre est <épaisseur><type><couleur>, or tu as

Code : Tout sélectionner

border: 2px transparent solid;
...
border: 2px #555555 solid;

À chaque fois tu as fait <épaisseur><couleur><type>.

[AllanTK]

Eh bien d'une documentation à l'autre, sa semble ne pas être le même ordre. Dans le doute, j'ai mis l'ordre que tu m'as proposé mais IE ne veut toujours pas :'(. J'ai l'impression qu'il ne reconnait pas le transparent !

Et j'ai un autre problème. Tous les liens reçoivent le style de la même façon sauf "Regles du site" qui reçoit class="important". Mais bizarrement le style ne fonctionne sur le lien "La team" sur IE !!!

[Benoit]

Il serait peut-être utile d'écrire à la personne qui a fait une référence où c'est mis dans l'ordre inverse, parce que le lien que j'ai mis est la documentation officielle de CSS2

Je me demande si tu ne devrais pas enlever les règles sur A en haut qui seraient appliquées quand même par IE malgré le fait qu'elles soient en majuscule.

[AllanTK]

Enlever les règles sur A ne changent rien :'(...
J'essaie de chercher de mon côté mais pour l'instant rien...

[AllanTK]

J'ai résolu le problème. IE ne semble pas comprendre la transparence mais en cherchant dans la traduction de la doc officiel (http://www.yoyodesign.org/doc/w3c/css2/box.html), j'ai trouvé qu'il existait un style hidden, donc maintenent ca marche .

Il y a que le lien bizarrement "La team" qui ne s'affiche pas, pourtant, il est exactement pareil que les autres !!!!