Afficher des images "collees" entre elles

Eléphanteau du PHP | 13 Messages

29 mars 2006, 21:59

Bonjour, avant tout, je tiens a preciser que j'ai fais une recherche sur le forum avant de poster ma question, qui a mon avis, est plutot simple a resoudre :D

Je poste un exemple je pense que c'est le plus simple :

Code : Tout sélectionner

<?php echo '<img src="globe.gif" border="0" /> '; echo '<img src="globe.gif" border="0" /> '; ?>
j'ai ce code dans un page de test, globe.gif est mon image. Lorsque je lance ce fichier comme ca, cela m'affiche deux fois mon image, mais elles sont separees par un espace ! (pas collees donc). Que dois-je faire pour qu'elles soient collees ?


merci de vos reponses ! :)

Mammouth du PHP | 19672 Messages

29 mars 2006, 22:03

Ajoute un style CSS :
<?php
echo '<img src="globe.gif" border="0" style="margin: 0" /> ';
echo '<img src="globe.gif" border="0" style="margin: 0" /> ';
?>
Ceci dit, pour faire ça, tu n'as pas besoin de PHP et puisque tu utilises la forme XHTML de balise image, utilise-là correctement en oubliant pas l'attribut alt obligatoire dans ce cas:
<?php
//... Du code PHP
?>
<img src="globe.gif" border="0" style="margin: 0" alt="" />
<img src="globe.gif" border="0" style="margin: 0" alt="" />
<?php
//... du code PHP
?>
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:04

en fait j'ai besoin du php car je fais une boucle, je m'arrete pas a deux images :)

je viens de tester j'ai tjours l'espace !

Avatar du membre
ViPHP
ViPHP | 3008 Messages

29 mars 2006, 22:11

Montres nous ton code entier c'est plus simple ;)

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:14

un truc du genre :

Code : Tout sélectionner

<?php for ($var=1; $var<=100; $var++) { echo '<img src="globe.gif" border="0" style="margin: 0" /> '; } ?>
j'ai mis 100 dans condition de fin de boucle, c'est juste pour que vous voyez ce que je veux faire en gros :) et j'aimerais que toutes les images sont collées (pas d'espaces entre elles)
Modifié en dernier par zapibranigan le 29 mars 2006, 22:17, modifié 1 fois.

Avatar du membre
ViPHP
ViPHP | 3008 Messages

29 mars 2006, 22:16

<?php 
for ($var=1; $var<=100; $var++) { 
   echo '<img src="globe.gif" border="0" style="margin: 0" />'; 
} 
?>
Supprimes l'espace après le > pour voir.

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:18

ca ne change rien :( merci de m'aider quand meme c'est sympa surtout qu'il y'a un match de foot sur TF1 lol

Mammouth du PHP | 19672 Messages

29 mars 2006, 22:19

Alors il y a plus simple : mets ton image en arrière plan d'un bloc en dimentionnant ledit bloc :
<div style="background-image: url('globe.gif'); background-repeat: repeat-x; height: nnpx"></div>
Comme ça, pas besoin de boucle, et il te reste à mettre la hauteur du bloc div en remplaçant le "nn" que j'ai mis pour illustrer et éventuellement ajouter un width pour limiter la largeur du bloc.
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:22

Alors il y a plus simple : mets ton image en arrière plan d'un bloc en dimentionnant ledit bloc :
<div style="background-image: url('globe.gif'); background-repeat: repeat-x; height: nnpx"></div>
Comme ça, pas besoin de boucle, et il te reste à mettre la hauteur du bloc div en remplaçant le "nn" que j'ai mis pour illustrer et éventuellement ajouter un width pour limiter la largeur du bloc.
j'ai pas bien compris, sans boucle comment je fais pour afficher 100 images par exemple ?

Avatar du membre
ViPHP
ViPHP | 3008 Messages

29 mars 2006, 22:26

Juste pour info tu peux nous afficher le code source que tu as ?

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:31

Je suis mega debutant en php, en fait pour tout dire j'ai commence cet aprem lol (par contre j'ai un bon niveau en C). J'ai fait juste ca :


<?php
	$fp = fopen("compteur.txt","r+");
	$compteur = fgets($fp,11);
	fclose($fp);
	for ($var=1; $var<=$compteur; $var++) {
	echo '<img src="globe.gif" border="0" style="margin: 0"/> ';	
	}
?>
Donc en gros j'ai un fichier "compteur", avec juste une variable sous forme d'entier a l'interieur. Et c'est avec cette variable que je fais ma boucle d'affichage.

Avatar du membre
ViPHP
ViPHP | 3008 Messages

29 mars 2006, 22:35

Non je te parlais du code source (HTML) que tu as en affichant la source. Pas le code de ton programme.

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:40

<img src="globe.gif" border="0" style="margin: 0"/> <img src="globe.gif" border="0" style="margin: 0"/> <img src="globe.gif" border="0" style="margin: 0"/> <img src="globe.gif" border="0" style="margin: 0"/> 
pour l'exemple j'ai mi 4 dans le fichier texte :!: j'ai mis afficher la source sous mozilla je sais pas si c'est ca ?

Avatar du membre
ViPHP
ViPHP | 3008 Messages

29 mars 2006, 22:41

C'est bien l'espace qui pose souci.
for ($var=1; $var<=$compteur; $var++) {
    echo '<img src="globe.gif" border="0" style="margin: 0" />';
}
Tu t'es trompé d'endroit quand je t'ai demandé de supprimer l'espace. C'est après > et non avant />.

FAUX :
echo '<img src="globe.gif" border="0" style="margin: 0"/> '; 
OK :
echo '<img src="globe.gif" border="0" style="margin: 0" />'; 

Eléphanteau du PHP | 13 Messages

29 mars 2006, 22:49

ah oui ca marche ! merci beaucoup ! :D
je suis desole encore j'avais pas compris pour l'espace :cry:

et une autre question, un peu dans le meme genre, comment je peux faire pour que les images soient alignees verticalement, sans espace encore ?
Modifié en dernier par zapibranigan le 29 mars 2006, 22:54, modifié 1 fois.