hello

j'utilise sur mon site un mecanisme de faux popup dynamique.
le code css

et la facon de l'appeler dans l'html

tout fonctionne parfaitement . sur ie , ff et safari en tous cas et dans toutes les resolutions.
ceci de plus est parfaitement valide.

Maintenant imaginons que je veuille habiller un peu ma boite span.

 ce n'est plus valide et pour cause , je mets du block (h3, hr) dans du inline <span> (mais c'est un faux inline la!
alors j'ai pensé a remplacer span par div , mais le probleme reste puisque je mets du block dans du inline a nouveau ( div dans a ) , et de surcroit ca déconne avec ie

alors je pourrais imaginer sortir la boite span du a. mais toutes les propriétés css seront a revoir et je devrais faire  des liens au kilometres pour que le bon lien ouvre le bon span . pour l'instant , chaque lien ouvre le span caché qu'il contient. si il ne le contient plus je dois revor toutes les regles et dans un environnement dynamique (avec plusieurs liens ca devient injouable .

sur mon site pour que vous voyez ou je veux en venir ;
j'ai une page avec des morceaux de musiques: j'affiche les infos (provenant d'une bddsql) sur les morceaux dans un tableau. et entre autres dans ces infos il y a le titre du morceau, lequel est egalement un lien qui au survol ouvre le fameux faux popup contenant la description dudit fichier uniquement.

Qu'imaginez vous comme solution pour rester valide en faisant mes boites block dans un inline ?
je précise que je ne veux pas parler de javascript. premierement je n'y connais rien et deuxiemement le js pour ca c'est sortir le rouleau compresseur pour aplatir la pate a tarte. je ne suis pas adepte de ce genre de procédé.

merci .

edit : oublié ca dans le css a.link_show_popup:hover .popup_span_fix1

Tu peux stocker tes div n'importe ou dans la page non ? Et les faire apparaitre en en position:fixed au bon endroit.

 
oui absolument  
mais ca ne m'aiderait pas :  
 
je devrais dire que le lien 1 ouvre le div 1 ; lelien 2 le div 2 etc .  
 
ca va me multiplier les defs au kilo dans le css , et dans un environnement ou le nombre de liens n'est pas défini c'est impossible. Enfin possible mais terriblement fastidieux et maladroit .

Ah oui parce que tu veux pas utiliser de Javascript...

 
c'est pas que je veux pas mais je n'ai pas de contrainte de rentablilité avec ce site , c'est juste un loisir, la progra ce n'est pas du tout mon metier .
j'ai commencé avec html puis css puis php puis sql et j"apprends au fur et a mesure . je ne suis pas pret pour passer au js , je prefere encore attendre et perfectionner ce que je sais , plutot que de coder en coup de copypaste sans comprendre ce que je fais . tu vois ?    
je me mettrai au js pour sur puisque avec ajax c'est l'avenir le présebt n  mais pas tout de suite , histoire de pas tout confondre.

Bah ce serait pourtant plus simple d'appeler une fonction avec un id en parametre et hop, tu ouvres la popup avec l'id correspondant.

oui et ca marche  
 
mais ce n'est pas dynamique.  
imagine une liste d'id fournie par une bdd sql . la liste de lien est crée dynamiquement , je devrais donc par defaut copier par exemple 20* les classes dans le css. ca me parait maladroit.

gné ?
Bien sur que c'est "dynamique". Quoique tu sembles avoir ta propre définition de dynamique. Pourquoi avoir 20 classes ? Une seule classe CSS suffit. Apres en meme temps que tu génères ta liste de lien tu génères des liens du genre:

<a onclick="show(id,x,y)">

Mais là c'est bien pour avoir x et y, le plus simple c'est de le déduire du x et y de ton lien ou de le déduire de la position du curseur de la souris.

Et ensuite ta fonction JS affecte les propriétés CSS, notamment le display:

et ça roule.

mhhh

je comprends pas vraiment (js je connais windowopen et c'est tout .)  , je vais essayer merci ca me parait assez simple .  effectivement la c'est dynamique mais parce que tu remplaces les classes hover par une fonction js

je dois comprendre qu'avec ca je n'ai plus besoin des definition de hovering dans le css n'est ce pas?

liste de liens

 
UNE classe css

 
et une fonction JS: