Discussion :

[Seta-san]

Bonsoir,

Je suis en train de faire un agenda.
Les cadres ou sont inscrit les rdv, sont aligné en face des horaire avec un margin-top. Mon margin et calculé en fonction du haut d'un cadre conteneur, et doit donc commencer a partir de ce point. Cependant la page généré affiche les margin des heures qui suivent a partir de la fin d'un cadre précédent et non au debut du conteneur, ce qui est normal. Mais je souhaiterai avoir un resultat comme un position:absolute pour le margin-top mais si il y a deux rdv a la meme heure, les cadre se positionneraient l'un a coté de l'autre et non superposés.

Je ne suis pas tres clair.. Voici une illlustration ci-dessous.


Je ne sais comment faire ..

[GihefBey]

Bonjour,

Chaque demi-heure a sa class ?
Le code HTML et CSS pour faire tout ça, tu l'as ?
Montre.

-

[Seta-san]

Les colonnes sont totalement indépendantes.
Actuellement je suis en mode absolute mais il me manque quelque chose pour que les cadres se mettent les une a coté des autre au lieu de totalement se superposer.

Code :

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

1
2
3
4
..td><div style=" background:;  padding:3px; height:px; margin-top:px; position:absolute; width:inherit ">Le contenu</div>
 
<div style=" background:;  padding:3px; height:px; margin-top:px; position:absolute; width:inherit ">Le contenu</div>
 etc..

[GihefBey]

Avec ce que tu donnes, on a du mal à voir comment c'est fait.

Cependant, pour placer tes <div> côte à côte, tu as la possibilité d'utiliser du float.

-

[Seta-san]

Float ne va pas non plus, le margin ne se fait pas en haut du cadre conteneur mais après le cadre qui le précède.

Je pense que je n'ai pas le choix que de le traiter en absolute et en calculant les left en fonction de la quantité de div. Rnfin .. un vrai casse tête m'attend.

Je vais faire quelque chose du genre : Si l'heure de rendez-vous (en seconde) se trouve dans l'intervalle de temps (en seconde) du précédent rendez-vous, alors je décale de left: x px.

Merci en tout cas.