Page 1 sur 2
Afficher des images "collees" entre elles
Posté : 29 mars 2006, 21:59
par zapibranigan
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
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 !

Posté : 29 mars 2006, 22:03
par Cyrano
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
?>
Posté : 29 mars 2006, 22:04
par zapibranigan
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 !
Posté : 29 mars 2006, 22:11
par charabia
Montres nous ton code entier c'est plus simple

Posté : 29 mars 2006, 22:14
par zapibranigan
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)
Posté : 29 mars 2006, 22:16
par charabia
<?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.
Posté : 29 mars 2006, 22:18
par zapibranigan
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
Posté : 29 mars 2006, 22:19
par Cyrano
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.
Posté : 29 mars 2006, 22:22
par zapibranigan
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 ?
Posté : 29 mars 2006, 22:26
par charabia
Juste pour info tu peux nous afficher le code source que tu as ?
Posté : 29 mars 2006, 22:31
par zapibranigan
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.
Posté : 29 mars 2006, 22:35
par charabia
Non je te parlais du code source (HTML) que tu as en affichant la source. Pas le code de ton programme.
Posté : 29 mars 2006, 22:40
par zapibranigan
<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 ?
Posté : 29 mars 2006, 22:41
par charabia
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" />';
Posté : 29 mars 2006, 22:49
par zapibranigan
ah oui ca marche ! merci beaucoup !
je suis desole encore j'avais pas compris pour l'espace
et une autre question, un peu dans le meme genre, comment je peux faire pour que les images soient alignees verticalement, sans espace encore ?