Discussion :

[Christophe]

Bonsoir,

Je cherche une solution pour positionner facilement des éléments comme dans un tableau. J’envisage une suite de blocs de même taille (comme en damier) accessible sous la forme coordonnées ligne ligne colonne via un décalage en % depuis le début de tableau.

Mes premiers tests m'ont donné des résultats infructueux. J'ai du mal avec le positionnement absolute et relative.

J'arrive à aligner des "blocs" de gauches à droites, mais pas de haut en bas.

ça doit pas être très compliqué, je dois passer à coté de qq chose.

Je devrais pouvoir utiliser le premier blocs comme référence pour les autres.

Voici ma production (ne vous mooquez pas ...) d'un plus bel effet escalier au lieu de l'alignement souhaité

partie css :

Code :

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

1
2
3
4
5
6
7
 
#a {position:relative;left:0%;top:0%;}
#b {position:relative;left:25%;top 0%;}
#c {position:relative;left:50%;top:0%;}
#d {position:relative;left:75%;top:0%;}
#e {position:relative;left:0%;top:0%;}
#f {position:relative;left:25%;top:0%;}

html :

Code :

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

1
2
3
4
5
6
7
 
<DIV id="a">contenu a</DIV>
<DIV id="b">contenu b</DIV>
<DIV id="c">contenu c</DIV>
<DIV id="d">contenu d</DIV>
<DIV id="e">contenu e</DIV>
<DIV id="f">contenu f</DIV>

Merci pour votre aide.

résultat actuel en PJ :

résultat souhaité :contenu a,b,c,d sur la même ligne
contenu e aligné sous a, contenu f, aligné sous b etc.