L'affichage des photos ne fonctionne plus

**ickyknox** · 25/08/2013, 10h40

bonjour à tous.

J'ai fais un site à ma mère que je n'ai pas touché depuis des mois:

Code :

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

http://rinabacch.com/pharaons_gladiateurs.html

sur cette page je n'ai plus les petites photos d'affichées à gauche.
Par contre lorsque l'on clique à l'aveuglette, elles s'affichent tout de meme en grand à droite.

Pourtant la derniere fois que j'ai touché ce site, ca fonctionnais très bien.
J'ai beau chercher , je ne comprends absolument pas ce qui a pu empecher l'affichage des vignettes.

Est ce que vous pourriez m'aider s'il vous plais ?
Dites moi les infos qu'il vous faut pour déceler le beug pour que je les diffuse.

Je vous remercie d'avance

**rodolphebrd** · 25/08/2013, 11h12

Bonjour,

en donnant une taille au parent direct des images (DIV .cilp) ça fonctionne :

Code css :

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

1
2
3
4
.clip {
  width: 95px;
  height: 95px;
}

**ickyknox** · 25/08/2013, 14h10

hélas je sais comment rajouter .clip au css, mais je ne sais pas comment le rajouter au html car je n'ai fais qu'un copié collé d'un plugin, et je l'ai modifié

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
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="fr">
<head>
<title> </title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<link rel="stylesheet" type="text/css" href="style.css"/>
 
<!-- DEBUT Transition entre pages -->
  <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
  <script type="text/javascript" src="js/custom.js"></script>
<!-- FIN Transition entre pages -->
 
 
<!-- Code Gallerie -->
<link type="text/css" href="gallerie/left-without.css" rel="stylesheet" />	
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
<script type="text/javascript" src="gallerie/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="gallerie/jquery.pikachoose.js"></script>
<script language="javascript">$(document).ready(function (){$("#pikame").PikaChoose();});</script>
<!-- Fin Code Gallerie -->
 
</head>
 
<body>
 
 
<!-- DEBUT OMBRE -->
 
  <div id="header-ombre"> 
 
<div id="barre-gauche" style="background-image:url(imgs/ombre1.png)"></div>
 
<div id="barre-droite" style="background-image:url(imgs/ombre2.png)"></div>
 
<!-- DEBUT header -->
 
<div id="header">    
 
	<div id="logo">
  <h1><a href="collections.html"><img src="imgs/logo.png" alt="Rinabacch Raku Antique Art : artisanat du sud de la France d'inspiration médievale" /></a></h1>
 	</div>
 
<!-- DEBUT Menu -->
<div id="menu">
 	<ul>
		<li><a href="atelier.html" class="transition">L'atelier Rinabacch</a></li>	
		<li><a href="artiste.html" class="transition">L'artiste</a></li>
		<li><a class="active" href="collections.html" class="transition">Collections</a>
 
			<div class='sous_menu'>
            <ul>
    <li><a href="pharaons_gladiateurs.html" class="transition"><strong>Entre pharaons et gladiateurs</strong></a> </li>
	<li><a href="templiers_pirates.html" class="transition"><strong>Entre templiers et pirates</strong></a></li>
    <li><a href="soupcons_transparence.html" class="transition"><strong>Entre soupçons et transparence</strong></a></li>
    <li><a href="sacre_secret.html" class="transition"><strong>Entre sacré et secret</strong></a> </li>
    <li><a href="joyeux_antique.html" class="transition"><strong>Joyeux art antique</strong></a> </li>
 
			</ul>
            </div></li>
      <li><a href="index.html"class="transition">Diaporama</a></li>
		<li><a href="contact.html" class="transition">Contact</a></li>
        <li><a href="livredor.html"class="transition">Livre d'or</a></li>
 
	</ul>
</div>
<!-- FIN Menu -->
 
</div>
<!-- FIN header -->
 
 
 
 
<!-- DEBUT content -->
 
<div id="content">
 
 
   <h2>ENTRE PHARAONS ET GLADIATEURS</h2>
 
 
 
<div class="pikachoose">
	<ul id="pikame">
		<li><a><img src="gallerie/img-phar-glad/01.png"/></a>
        <span>1</span></li>
 
		<li><a><img src="gallerie/img-phar-glad/02.png"/></a>
        <span></span></li>
 
        <li><a><img src="gallerie/img-phar-glad/03.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/04.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/05.png"/></a>
        <span></span></li>
 
        <li><a><img src="gallerie/img-phar-glad/06.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/07.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/08.png"/></a>
        <span></span></li>
 
        <li><a><img src="gallerie/img-phar-glad/09.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/10.png"/></a>
        <span></span></li>
 
		<li><a><img src="gallerie/img-phar-glad/11.png"/></a>
        <span></span></li>
 
        <li><a><img src="gallerie/img-phar-glad/12.png"/></a>
        <span></span></li>
 
	</ul>
</div>
 
 
 
 
</div>
 
<!-- FIN content -->
 
 
 
 
</div>
 
<!-- FIN OMBRE -->
 
<!-- DEBUT Footer -->
 
<div id="footer">
	<!-- DEBUT Menu -->
<div id="menu">
 	<ul>
		<li><a href="collections.html" style="padding-top:8px;" class="transition"><img src="imgs/drapeaux/bienvenue.png"/></a>
 
			<div class='sous_menu'>
            <ul>
<li><a href="lang/eng/index.html" class="transition"><strong><img src="imgs/drapeaux/welcome.png"/></strong></a></li>
<li><a href="lang/esp/index.html" class="transition"><strong><img src="imgs/drapeaux/bienvenidos.png"/></strong></a> </li>
<li><a href="lang/it/index.html" class="transition"><strong><img src="imgs/drapeaux/benvenuti.png"/></strong></a></li>
			</ul>
            </div></li>
 
 
		<li><a href="http://www.facebook.com/fabien.dannabacchillone" target="_blank">© 2013 Fabien D'anna</a>
 
 
	</ul>
</div>
<!-- FIN Menu -->
</div>
 
<!-- FIN Footer -->
 
 
</body>
</html>

**rodolphebrd** · 25/08/2013, 14h22

Avez-vous essayé de placer cette déclaration dans votre CSS ?

**ickyknox** · 25/08/2013, 14h32

Oui, j'ai rajouté :

Code css :

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

1
2
3
4
.clip {
  width: 95px;
  height: 95px;
}

au css.

Mais que faut-il modifier dans le html ?

**rodolphebrd** · 25/08/2013, 14h37

Non puisque cette div est générée.

Normalement ça fonctionne sur Firebug.

**ickyknox** · 25/08/2013, 14h52

ohhhh j'hallucine ca marche !
j'avais juste oublié de vider le cache.

Merci beaucoup vous me sauvez !!

L'affichage des photos ne fonctionne plus

HTML

Vue hybride

Discussions similaires

Partager

Partager