Discussion :

[koala19100]

bonjours juste savoir si c'est bien mis le html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
      <ol class="galerie-membre">
	  <li><img src="http://site.legtux.org/V1/image/image.jpg" class="galerie-membre-img" alt="" title="" /><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  <li class="icon-avatar-galerie-membre-homme"><span class="galerie-membre-en-ligne"></span><span class="galerie-membre-texte">Pseudo</span></li>
	  </ol>

en fait ca me donne ce résultat

en faite le 1 er li c'est une photo perso d'un membre et les autres ce n'(est pas une image c'est icon pour dire avatar par défault

je voulais juste savoir si c'est bien mis le code html

et le css

Code css :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
	  .galerie-membre li
	  {
	  float:left;
	  margin-right:1em;
	  margin-bottom:1em;
	  border:#CCCCCC 1px solid;
	  height:17.3em;
	  width:17.3em;
	  position:relative;
	  background-color:#CCCCCC;
	  color:#999999;
	  }
 
	  .galerie-membre-en-ligne
	  {
	  position:absolute;
	  right:0;
	  top:0;
	  padding:0.5em;
	  border-left:1px solid #CCCCCC;
	  border-bottom:1px solid #CCCCCC;
	  background-color:#00FF00;
	  }
 
	  .galerie-membre-texte
	  {
	  background-color:#000000;
	  background-color:rgba(0,0,0,.6);
	  border:2px dotted transparent;
	  position:absolute;
	  bottom:0;
	  left:0;
	  right:0;
	  padding:1em;
	  color:#FFFFFF;
	  }
 
	  .galerie-membre-img
	  {
	  width:17.3em;
	  height:17.3em;
	  position:absolute;
	  background-image:url(../../image.jpg);
	  }
 
 
 
      @font-face
	  {
	  font-family: 'icomoon';
	  src:  url('fonts/icomoon.eot?dxy1kn');
	  src:  url('fonts/icomoon.eot?dxy1kn#iefix') format('embedded-opentype'),
	        url('fonts/icomoon.ttf?dxy1kn') format('truetype'),
			url('fonts/icomoon.woff?dxy1kn') format('woff'),
			url('fonts/icomoon.svg?dxy1kn#icomoon') format('svg');
	  font-weight: normal;
	  font-style: normal;
	  }
 
	  [class^="icon-"], [class*=" icon-"]
	  {
	  /* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
 
	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  }
 
 
	  .icon-avatar-galerie-membre-homme:before
	  {
	  content: "\e92c";
	  font-size:17.3em;
	  }

s'il faut modifier un petit code dire moi

je remercie pour votre aide

pour info: je ne veux pas un avis sur les nom des class , je modifierais après

je veux juste savoirsi c'est bien fait le code html ou s'il faut modifier un bout de code

merci