Discussion :

[Huntress]

Bonjour,

Une partie de mon appli PHP sert à afficher des contacts. Seulement comme j'en ai beaucoup je n'affiche que leur fonction, Directeur machin, Elu bidule... bref, avec un petit lien (param GET) qui permet de déplier la fiche contact.

Jusque là c'est clair ? Mettons que oui.

Sous FF, pas de problème la fiche se déroule, on a la fonction de la personne sa ptite photo son numéro de téléphone et tout et tout.

Test sous IE : Au départ tout est bien j'ai toutes mes petites DIV affichant toutes les fonctions. Là je me lâche je décide de cliquer sur l'un des liens pour déplier l'une des fiches contact... et ô stupeur, la fonction disparait... non ce n'est pas un problème PHP (toute façon c'est serveur alors...). Par curiosité j'ai donc fait un ctrl+A pour voir ! Et là je vois la fonction du contact o_O

Pour les p'tits malins qui vont me dire que j'ai écrit mon texte de la même couleur que mon fond, je leur dirais non, surtout que le texte une fois surligné, puis "dé-surligné" (hum hum) ben il apparait normalement comme sous FF.

Merci à ceux qui me donneront des idées pour palier ce problème


> edit :

Ah oui un truc marrant, ça le fait pas sur toutes les fiches contact... c'est drôle hein ? Pourtant toutes ces DIV sont générées pas une boucle...

[AlphaYoDa]

peut être un problème de balise mal fermée ....

[Huntress]

Oui ça aurait pu être ça, mais ma page est valide XHTML 1.0 Transitionnal.

Une autre idée, n'hésitez pas !

> edit :

Une autre info... je sais pas si elle à son importance... Quand je déplie une fiche je fais en sorte qu'elle soit à l'écran (vu que la page est longue, rappelez-vous), donc je mets une ancre dynamiquement.

[Huntress]

Voilà mon code...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="fiche_contact">
      <a href="?id=33861&amp;#ici">+</a> <span class="texte_gras">Directeur des programmes</span>
 
      <div class="cadre_photo">
            <br />
            <img class="border" src="images/photos/gg.jpg" height="70px" alt="" />
      </div>
      <div class="cadre_infos">
            <br />
            M. Gégé Durand<br />
            Tél. : xx xx xx xx xx<br />
            Fax : xx xx xx xx xx<br />
            Adresse e-mail : <a href="mailto:gg.durand@ici.fr">gg.durand@ici.fr</a>
      </div>
      <hr class="spacer" />
</div>

[ilood]

Salut,

Il faudrait voir le css correspondant.

Je réponds à l'aveuglette, essaie (en passant par un hack pour ie) de mettre un width: 100% à la classe fiche_contact et à cadre_infos. Je suppose que tu as mis cadre_photo en float :

Syntaxe du hack ie :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
* html blocA bloc_enfant_de_A petit_enfant_de_A {
	width: 100%
}

[10-nice]

J'ai pas compris vraiment le principe de fonctionnement de l'affichage de la fiche.

J'aurais vu un truc du genre pour chaque contact tu a un div entête et en dessous la fiche complète en display:none; et sur le clic de l'entête tu set en js le display:bolck; de la fiche complète.

Pas compliqué à faire, garanti compatible tout navigateur, et facile à mettre ebn place, même avec des pages générées en php

[Huntress]

Bon allez ilood j'te paye un resto

J'ai pas utilisé de hack par contre, sous FF ça passe toujours bien.

Merci beaucoup.

> edit :

Pour le JS, ce n'est pas envisageable, des clients pourraient le désactiver donc cette solution n'a pas été retenue, merci quand même

[ilood]

Bon allez ilood j'te paye un resto
...
Merci beaucoup.

Huum yupi un resto J'aime bien cette idée. Si tu as d'autres questions tu n'hésites pas