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>

le problème c'est que j'ai un truc qui ressemble plus à rien , et ca fait plus du tout pareil

( rendu attendu : Nom : Album11.png
Affichages : 72
Taille : 490,6 Ko

)

( Rendu actuelle : Nom : bha.png
Affichages : 75
Taille : 529,2 Ko

)

merci de votre aide !

**sabotage** · 27/06/2013, 23h28

c est le jeu des 7 erreurs entre le code du haut et celui du bas ?
- en bas il y a un lien, pas en haut
- en bas il a un <br/>, pas en haut
- en bas il y a un <h4>, pas en haut
- ton <div> est répète pour chaque fichier puisque tu l as mis dans la boucle.
- il manque le </div>

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

Excuse moi j'avais pas mis tout le code

**Celira** · 28/06/2013, 11h25

Ce qui serait bien, ce serait d'avoir la source de la page générée qui n'affiche pas correctement et de faire la comparaison avec le html que tu es censé avoir.

**bybyx** · 28/06/2013, 11h43

bha j'ai tout mis, en fait le premier code que j'ai poster pour mon album c'est une page basique ou on rajoute les codes a la mains, j'ai voulu évoluer je suis donc passer au code numéro 2 que j'ai posté ( je l'ai mis en entier )
et c'est le deuxième codes qui bloque

je pense que c'est ce que tu voulais savoir

**Celira** · 28/06/2013, 14h03

Pas tout à fait. Ce que je voulais, c'est le code HTML généré de ta page affichée à partir du script.

Décalage Css a cause du php

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager