Discussion :

[mimokatana]

Bonjour à tous,
j'ai une question (peut être bête?) : peut-on avec css afficher côte à côte deux balises qui sont à la base éloignées dans le fichier origine?


ex. :
<A>a</A>
<B>b</B>
<C>c</C>
<D>d</D>
...

et je veux qu'il m'affiche :
a - c
b - d
...

Merci!

[Bovino]

Ben, c'est possible en les positionnant, mais c'est pas très orthodoxe...
Autant, les mettre dans l'ordre dans le code !

[Halleck]

Bonjour à tous,
j'ai une question (peut être bête?) : peut-on avec css afficher côte à côte deux balises qui sont à la base éloignées dans le fichier origine?


ex. :
<A>a</A>
<B>b</B>
<C>c</C>
<D>d</D>
...

et je veux qu'il m'affiche :
a - c
b - d
...

Merci!

Oui c'est possible, mais ça risque de faire une page complexe s'il y a beaucoup de balises

Tu peux préciser les coordonnées d'un élément. Pour cela, il doit être déclaré en absolute, puis tui définis top et left:

Code :

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

1
2
3
4
5
6
 
a, b, c, d {  position:absolute; }
a { left:10px; top:10px; }
c { left:100px; top:10px; }
b { left:10px; top:100px; }
d { left:100px; top:100px; }

Là tes éléments se retrouveront en A - C, B - D. Mais si tu veux pouvoir adapter tes blocs (ne pas passer la position absolue) je ne vois pas.

[Damouille]

Bonjour mimo,

Oui c'est possible. il faut affecter des classes à tes éléments.

Code :

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

1
2
3
4
5
6
<div class="order">
	<div class="place1">a</div>
	<div class="place3">b</div>
	<div class="place2">c</div>
	<div class="place4">d</div>
</div>

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
.order {
	width: 100px
}
.order div { /* -- toutes les div se chevauchent-- */
	position: absolute;
	width 30px;
	height: 30px;
}
/* -- On décale les div individuelement -- */
.place2 {
	margin-right; 30px;
}
.place3 {
	margin-top: 30px;
}

etc...

[mimokatana]

Merci bien à tout le monde !

Je vais tester tout ça