Un à peu d'aide en CSS ... ?

[@ybee]

Hello!

Je suis en train de refaire un site web, visible ici (et loin d'être fini) : http://www.transfair.be/new/

Je cherche à positionner d'une manière fixe les cases qui apparaiassent au survol des services en bas de la page http://www.transfair.be/new/business.php

Je n'arrive pas à trouver comment caler cette case, si possible de taille unique pour toutes les cases, en haut à droit de l'espace où elles se trouvent, et toujours au même endroit, pas ccomme pour le moment quoi ;-)

(CSS: http://www.transfair.be/new/style.css )


Merci pour vos lumières :rose:

 

[mtra]

he bien j'ai regardé rapidement et pour moi le code de ta page fait que tu n'arriveras pas a positioner tes cases comme tu le souhaites. si ta page ne change jammais au niveau des données ont peut le faire en forcant un top et right sur tes div#services span mais il faut faire ca pour chaque page ce qui n'est pas terrible. pour donner une taille fixe tu doit mettre un attribut height et width a tes span pour forcer la taille. a noter que span c'est pour des element s en ligne tu aurais du mettre des div.

 

[@ybee]

Mmmmmmmh oui et non, parce qu'en fait le div#services a:hover span est en position:absolute, donc le truc se retrouve en haut à droite de la page, et non de div#services comme voulu

Et si je mets en position:relative évidemment ça fait tout forer, donc ça va pas
Moi je veux bien faire avec autre chose que des span, mais faut que ça fasse le même effet... et je veux pas de javascript ;-)

(sinon, la liste des services ne doit pas changer, éventuellement les descriptions qui seront stockées dans une base de données suivant la langue, mais c'est tout ...)

Merci!

 

[mtra]

Mmmmmmmh oui et non, parce qu'en fait le div#services a:hover span est en position:absolute, donc le truc se retrouve en haut à droite de la page, et non de div#services comme voulu

Et si je mets en position:relative évidemment ça fait tout forer, donc ça va pas
Moi je veux bien faire avec autre chose que des span, mais faut que ça fasse le même effet... et je veux pas de javascript ;-)

(sinon, la liste des services ne doit pas changer, éventuellement les descriptions qui seront stockées dans une base de données suivant la langue, mais c'est tout ...)

Merci!

en position absolute tu peux le placer ou tu veux mais le probleme c'est que pour chaque page ca sera différent car ta liste est en bas. l'astuce ca serait de mettre la bullet list en haut de page comme ca peut importe la page ca serait tjrs au meme endroit.

 

[@ybee]

En fait an absolute ça va bien pout le top, ça de toutes façons la hauteur sera toujours la même... Mais comme le reste en centré selon la fenêtre, je sait pas régler le right comme je veux, sinon ce serait parfait... Je vais réfléchir à ce que je peux faire

 

[mtra]

rajoute un position:relative a div#service et un top:0 a ton div#services a:hover span je pense que c'est l'effet que tu veux avoir ensuite rajoute un right ou left pour positionné correctement les boites.

 

[@ybee]

Voilààààààààààààààààààààààààà ce que je voulais !!!!!!


ÉNORMES mercis !!!

 

[p4bl0]

Je te conseil (et à tout le monde pareil) de commander CSS précis et concis chez O'Reilly (9¤). c'est vraiment pratique pour retrouver (ou trouver) quelque chose rapidement, même quand internet rame ou est en panne (vive wanadooooooooooo !!)

http://www.oreilly.fr/p-et-c.html ==> c'est la liste des livres "Précis et Concis".