28220 sujets

CSS et mise en forme, CSS3

Bonjour,

voici la page (en test actuellement) sur laquelle j'ai des problèmes avec IE:
http://www.article.ch/songlines/home.php?page=workshops.php&pagenum=0

Ce sont quatre liens-images en roll-over positionné en float dans un bloc div qui a la taille des quatre images réunies... Cela fonctionne sur tout les navigateurs (mac) à part IE... J'en peux plus d'essayer des choses et encore des choses... Au lieu de quatre images cliquables, je n'en ai que 3 sur IE!!! Pourquoi???

Comment positionner 4 images "en fenêtre" (1 en haut à gauche, 1 en haut à droite, 1 en bas à gauche et 1 en bas à droite...) le plus surement et le plus simplement possible pour que IE comprenne quelque chose?

J'implore votre aide...
Modifié par toluol (16 Jan 2006 - 01:43)
Modérateur
Bonjour,
?? , le reiki semble efficace sur ma souris et mon IE 6 pc Smiley smile .
Ou bien ta parenthese avec ,"mac" dedans, voulais dire que ça marche pas sous IE mac seulement ?

<edit>j'ai mal lu et relut, ... peut-etre, la balise <a> ecrite en majuscule <A> , ou le prologue xml qui pertube IEmac ...? je n'ai pas de mac .. Smiley confused désolé.</edit>
a plus
Modifié par gcyrillus (16 Jan 2006 - 02:14)
gcyrillus a écrit :
ou le prologue xml qui pertube IEmac ...?


Seul IE6.0 Windows réagit à la présence d'un prologue XML (ou de n'importe quelle ligne de commentaire SGML) avant le DocType, en basculant en mode Quirks (En fait, son mécanisme de doctype switching ne cherche la DTD que sur la première ligne non vide du document. En présence de quoi que ce soit d'autre sur celle-ci, il considère qu'il n'y a pas de DTD) .

Cela dit, il est recommandé, de toutes manières, de ne pas activer le mode quirks des navigateurs, et de ne pas inclure un prologue XML inutile dans un document text/html où il sera ignoré...
Modifié par Laurent Denis (16 Jan 2006 - 07:26)
Merci de vos réponses

Oui, je n'ai pu tester que sur mac pour l'instant... ça marche parfaitement sur Safari, Modzilla, Firefox... En revanche, mes liens-images s'affiche mal sur explorer (Il y en a juste trois...) Et j'ai aussi un problème sur Netscape (différent)... apparement Netscape interprète mal les "margin: 15px 0 0 0;"

Pour plus de clareté, voici, en lien, mes captures d'écran:

sous Safrari (Et Firefox, même affichage): http://www.article.ch/tests/captures/safari.jpg
sour Internet Explorer: http://www.article.ch/tests/captures/explorer.jpg
sous Netscape: http://www.article.ch/tests/captures/netscape.jpg

Mais c'est surtout sur Explorer que ça m'inquiète... Je suis un peu rassuré si vous me dites que ça fonctionne sur Explorer-PC... (ps: C'est mon premier site en XHTML et il n'a pas encore été vérifié au W3C... aie aie, j'ai peur!)

Concernant le prologue XML, je ne comprends pas vraiment de quoi vous parlez... Pouvez vous m'en dire plus?

merci d'avance
Modérateur
rebonjour,
d'abord merci a laurent et aux autres moderateurs de toujours jeter un oeil sur ce qui se dit ici , ça rend le forum bien instructif !

a tout hasard :
<A class="workshopsBD_EN" name=""Reiki energy balancing 
href="home.php?page=workshops.php&amp;pagenum=4"></A>
devrait plutot etre ecrit comme ceci, (la balise en minuscule et le name dans les apostrophe, ...
<a class="workshopsBD_EN" name="Reiki energy balancing" 
href="home.php?page=workshops.php&amp;pagenum=4"></a>

et pour netscape, en augmentant la hauteur de header de 15px et en enlevant le padding , cela suffit peut-etre a positionner tout correctement dans chaque navigateur.
N'ayant franchement pas les moyens de tester ta page dans ces navigateurs, je te souhaite de trouver quelqu'un qui pourra t'aider efficacement.
a plus et bon dev !
Modifié par gcyrillus (16 Jan 2006 - 18:32)
Merci, j'ai essayé... mais rien n'y fait... IE/mac bug toujours...
Même si ma page est maintenant valide au W3C