Discussion :

[isaric]

Bonjour,

J'ai en html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul class="alig3">
	<li >
<a href=...>
<img width="60" height="60" src=.... />
<br />Text1</a>
	</li>
	<li>
<a href=...>
<img width="60" height="60" src=.... />
<br />Text2</a>
	</li>
	<li>
<a href=...>
<img width="40" height="60" src=.... />
<br />Text3</a>
	</li>
</ul>

fichier.css

Code :

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

1
2
3
ul.alig3 {display: inline;
list-style: none;
}

Comment faire pour aligner les 3 éléments à l’horizontal ?

D'avance merci

[isaric]

La solution de bricolage a été de calibrer les 3 éléments

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<p class="centrer">
<a href="1....>
<img class="pright" ... />
</a>
<a href="2....>
<img class="pmiddel".../>
</a>
<a href="3....>
<img class="pleft" ... />
</a>
<br />
<a href="1....>
Texte               1</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="2....>
Texte               2</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="3....>
texte 3
</a>
</p>

et en CSS

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
16
img.pright {
			width: 60px;
			height: 60px;
			margin-right: 50px;
}
img.pmiddel {
			width: 60px;
			height: 60px;
			margin-right: 20px;
			margin-left: 20px;
}
img.pleft {
			width: 40px;
			height: 40px;
			margin-left: : 75px;
}

[Invité]

Bonjour,

ou mieux, cibler les bons éléments... :

Code css :

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

1
2
3
4
ul.alig3 li {
  display: inline-block;
  list-style: none;
}

[isaric]

Merci jreaux62

Bon cela me dépasse un peu, mais cela marche bien !