Liens qui marchent pas sous IE

Bonjour,

J'ai réalisé la deuxième version de mon portfolio mais j'ai un gros souçi dont je n'arrive toujours pas à trouver la solution, je fais donc appel à vous et j'espère pouvoir résoudre mon problème.
Mon site est NIKEL sous Firefox mais pas sous IE (ce maudit IE!!!) : des liens un peu partout sur chaque page ne marchent pas, on dirait que Internet Explorer ne les voit pas ; le curseur reste normal alors que la feuille de style montre clairement que c'est un lien (souligné...)...

Ceci est flagrant sur les pages 'Identité' et 'Réalisations' (on ne peut pas y accéder) ainsi que la partie 'accueil' du menu flash. De plus ce qui est étonnant c'est que sous Ie on nepeut pas aussi inscrire un message sur le livre d'or...Etrange...


J'ai bien vérifié avec le tutoriel de mise en page XHTMl et feuille de style CSS mais, connaissant bien pourtant le mode de fonctionnement des CSS , la je bloque...

Les codes sont disponibles dans la source...


ZOOGRAPH PORTFOLIO

Merci d'avance
Modifié par Sonia10 (22 Feb 2007 - 22:30)

Salut,

Les pseudo-class :hover et compagnie ne sont comprises par IE uniquement lorsqu'elles sont affectées à la balise de lien a.

http://wiki.media-box.net/documentation/css/hover

ouais ok mais pourquoi le lien ne marche pas ? On peut pas accéder à la page...

Ah pardon, je m'étais arrêtée aux changements de couleurs des textes (c'est d'ailleurs assez déroutant, des "non-liens" qui agissent visuellement comme les liens).

Effectivement, il y a un problème. Il faudrait explorer du côté de la feuille de style spéciale IE6, un bloc passe peut-être par-dessus tes liens et les masque. Si c'est la cas, soit faire en sorte qu'ils ne se chevauchent plus, soit regarder du côté de z-index.

Je crois qu'il existe l'équivalent de web developer pour IE, ça pourrait surement t'aider à localiser le problème.

Bonjour,

Il semblerait que tu ais des balises non fermées <div> et <p> en passant ta page au validateur...

ghost a écrit :
Bonjour,

Il semblerait que tu ais des balises non fermées <div> et <p> en passant ta page au validateur...

ah bon ba pourtant moi je n'ai pas ce message d'erreur !

Bonsoir

Après avoir regardé votre site sous Firefox et sous IE7, puis après avoir consulté le code source, je me dis que le mieux serait que vous repreniez plusieurs choses ...

capture sous Firefox
http://img297.imageshack.us/img297/1504/firefoxgu5.th.jpg

capture sous IE7
http://img517.imageshack.us/img517/1336/ie7fz0.th.jpg



Pour le code source, il y a des incongruités de ce genre, qui même si elles passent au validateur ne sont pas sémantiquement correctes ... un li étant un élément de liste, il est préférable d'éviter de lui assigner des saut de ligne <br /> ... Quand au target=blank, il est préférable pour des raisons d'accessibilité de ne pas l'employer :

[b]<li id='lirea'>[/b]<span class='texte_petit'> 2007-02-18</span>
[b]<br />[/b]<span class='texte_titre'>Portfolio V2</span>[b]<br />[/b]
<a href='http://www.zoograph.fr' [b]target='_blank' [/b]>
<img src='web/portfolio_v2.jpg' border='0' alt='crea' title='Deuxième ' />
</a>[b]<br /></li>[/b]

Bonne continuation

ps : Etant donné que le design pose probleme sous IE7, mettre Webdesign en title de page me parait inapproprié pour le moment ...
Modifié par Gunner4902 (26 Feb 2007 - 14:29)

Gunner4902 a écrit :

Attention à votre déclaration de feuille de style, j'ai rencontré dernièrement un problème sur certaines version de IE6 relatif à la propriété CSS2 @import:

Gné ?

Selon la syntaxe précise utilisée (mot clé url/parenthèses/types de guillemets/espace initial), @import permet de filtrer (de manière valide) les versions 4.0/5.0 Win/Mac d'IE (ainsi que NS4.x). Mais il ne pose aucune difficulté à IE6.0 (Qui n'a par ailleurs qu'une seule version de ce point de vue).

<edit title=" ">

Bien-sûr, le type de media ne doit pas être précisé au niveau d'@import, mais via <style media="...">...

</edit>

Il n'y a aucune raison d'utiliser link plutôt qu'@import pour IE...
Modifié par Laurent Denis (26 Feb 2007 - 07:27)

Omnipotenti de Laurent Denis,
mea culpa,
culpa de maximum de mea.

a écrit :
On peut ajouter, de façon optionnelle, une liste de médias. Mais ATTENTION, Internet Explorer Windows ne comprend pas cette syntaxe, et n'importera pas du tout la feuille de style correspondante !

<style type="text/css">
@import url(/styles/habillage.css) screen;
</style>

Bases et indispensables

Modifié par Gunner4902 (26 Feb 2007 - 14:49)