28172 sujets

CSS et mise en forme, CSS3

Superposition et IE

Bonjour à tous,

J'ai un problème avec IE et mon site : http://www.debutmai.com.

J'ai voulu me servir de la tête des oiseaux du header pour naviguer entre les pages francophones et anglophones du site. J'ai donc ajouté des liens en position absolue au dessus de mes div en position relative.

Cela fonctionne sur Firefox, sur Chrome, mais pas sur IE... Je sue depuis des heures, j'ai déjà essayé de modifier l'affichage, j'ai joué avec les z-index, mais sans résultat.

Quelqu'un aurait-il la solution miracle ?
Merci d'avance.
Bonsoir,

Sauf erreur de ma part, c'est ce que j'ai mis en place, mais rien ne change dans l'affichage.... Pourtant, l'outil de développement d'IE m'affiche bien que le liens existent aux bons endroits, mais ils restent inaccessibles...

Une idée ? Smiley rolleyes
Il semble que tes liens a.anglais et a.francais n'aient pas la propriété css display:block ...
Ce serait mieux avec, vu que tu leurs attribues des dimensions.
En effet, merci, mais cela ne résout malheureusement pas mon problème.


<div id="rt-header">
<div class="rt-container">
<div class="rt-grid-12 rt-alpha rt-omega">
 <div class="rt-block">
  <div class="custom"  >
    <p><img src="/images/logos/logo.png" border="0" alt="We want to tell you uplifting   stories" width="920" height="233" style="margin: 0px;" /></p>
  </div>
 </div>
</div>
<a href="http://www.debutmai.com/index.php/fr/" class="francais"> </a>
<a href="http://www.debutmai.com/index.php/en/" class="anglais"> </a>
<div class="clear"></div>
</div>
</div>


Si je supprime la div <div class="rt-grid-12 rt-alpha rt-omega">, mes liens apparaissent, c'est donc elle qui empêche l'affichage. Quelqu'un aurait-il une idée ?
Merci d'avance Smiley lol !
Encore moi Smiley lol Je cherche mais je ne trouve pas... Smiley ohwell

J'ai remonté mes liens au-dessus de de div <div class="rt-grid-12 rt-alpha rt-omega">
et ils n'apparaissent toujours pas. Cependant, en la supprimant, ils s'affichent... Personne n'aurait un autre début d'idée ? Smiley biggrin
sebg a écrit :
J'ai voulu me servir de la tête des oiseaux du header pour naviguer entre les pages francophones et anglophones du site.

Graphiquement c'est une idée très sympa.
En termes d'ergonomie c'est catastrophique, on frise la mystery meat navigation, et les utilisateurs passeront complètement à côté de cette offre de navigation. Dommage.

Autres remarques sans rapport avec le sujet:
- Avoir des titres non cliquables et des liens dans la même couleur (sans soulignement pour les liens), c'est une autre erreur ergonomique à corriger.
- Dommage que pour une page assez simple on se retrouve à charger 7 feuilles de styles (au lieu d'une) et à peu près autant de scripts (au lieu de 2 ou 3...). Avec de plus des scripts appelés dans le HEAD de la page, ce qui bloque l'affichage (page blanche) tant que les scripts ne sont pas chargés. Quand je teste un premier chargement de page (sans éléments du site en cache), j'obtiens une page blanche pendant une douzaine de secondes, ce qui laisse très clairement penser que le site est cassé.
- Autre gros problème de performance, toutes les photos affichées en petit sont en fait des images de 1280 ou même 3000 pixels de large, redimensionnées dans le navigateur. Il faudrait afficher des vignettes (directement à la bonne taille).
Bonsoir,

Merci de ces critiques, très constructives. Ce site n'est pas de moi, j'aide une amie qui a fait réaliser son site par un graphiste, et qui souhaite apporter quels améliorations (dont ces liens qui passeront inaperçus aux yeux des visiteurs) mais dont le webmaster ne répond plus aux mails.

Comme tu dis, la réalisation comporte certains défauts. De l'intérieur c'est encore pire. Mais je n'y peux rien, j'essaie juste de rendre service, et je n'ai pas le temps de juste... Tout recommencer.
Sujet clos
Aller à