Décalage Css a cause du php

**bybyx** · 27/06/2013, 23h19

bonsoir à tous !

alors voilà j'ai un problème, je crée un album photo de base qui ressemblé à ca :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="slider">
    <input type="radio" name="slide_switch" id="id1"/>
    <label for="id1">
        <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg" width="100"/>
    </label>
    <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg"/>
 
 
    <input type="radio" name="slide_switch" id="id2" checked="checked"/>
    <label for="id2">
        <img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg" width="100"/>
    </label>
    <img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg"/>
 
    <input type="radio" name="slide_switch" id="id3"/>
    <label for="id3">
        <img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg" width="100"/>
    </label>
    <img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg"/>
 
    <input type="radio" name="slide_switch" id="id4"/>
    <label for="id4">
        <img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg" width="100"/>
    </label>
    <img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg"/>
 
    <input type="radio" name="slide_switch" id="id5"/>
    <label for="id5">
        <img src="http://thecodeplayer.com/uploads/media/8k3N3EL.jpg" width="100"/>
    </label>
    <img src="http://thecodeplayer.com/uploads/media/8k3N3EL.jpg"/>
</div>

je l'ai transformé en :

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
<?php
 
if(!empty($_FILES)){
		require("imgClass.php");
		$img = $_FILES ['img'];
		$text = strtolower(substr($img['name'],-3));
		$allow_ext = array("jpg", 'png', 'gif');
		if(in_array($text,$allow_ext)) {
		move_uploaded_file($img['tmp_name'],"images/".$img['name']);
		//Ligne de redimension image Min//
		img::creerMin("images/".$img['name'],"images/min",$img['name'],320,160);
		img::convertirJPG("images/".$img['name']);
		}
		else{
			$erreur ="Votre fichier n\'est pas une image";
	}	
}
?>
<html>
<head>
<title>Bêta test</title>
<script src="http://thecodeplayer.com/uploads/js/prefixfree.js" type="text/javascript"></script>
<script src="http://thecodeplayer.com/uploads/js/prefixfree.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css"/> 
<!----<link rel="stylesheet" type="text/css" href="theme/style.css"/> !--->
 </head>
 
<body>
 
<?php
if(isset($erreur)){
	echo $erreur;
	}
	?>
<form method="post" action="index.php" enctype="multipart/form-data">
<input type="file" name="img"/>
<input type="submit" name="Envoyer" />
</form>
<div class="slider">
 
<?php
$i=1;
while ($i)
{
$dos = "images/min";
$dir = opendir ($dos);
while($file=readdir($dir)){
		$allow_ext = array("jpg", 'png', 'gif');
		$text = strtolower(substr($file,-3));
		if(in_array($text,$allow_ext)) {
	?>
 
<input type="radio" name="slide_switch" id="id<?php echo $i;?>"/>
	<label for="id<?php echo $i;?>">
	<a href="images/<?php echo $file; ?>" width="100"/>
	</label> <br>
	<img src="images/min/<?php echo $file; ?>"/>
<!--nom de l'image	<h4>  ?<php echo $file; ?></h4> --->
	</a>
 
	<?php
	}
}
?>
 
	<?php
	$i++;
	}
	?>
</div>
 
 
 
 
 
</body>
</html>