Discussion :

[Angelik]

Coucou tout le monde !

J'ai une petit problème tout bête : J'insère une liste d'images à l'horizontal sur ma page et j'aimerais faire apparaître un espace entre chaque image >>Pour l'instant, elles restent désespéremment collées...

Voici mon code :

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
 
<? 
$select = mysql_query("SELECT id,photoarticle,url FROM article ORDER BY id desc LIMIT 0,5 ");
	$row = mysql_query($select);
 
 
while($row = mysql_fetch_assoc($select)) 
	{ 
 
if ($row['photoarticle'] != "") {
    $row['photoarticle'] = substr($row['photoarticle'] , 3);
    $photo = $row['photoarticle'];
	}else{
	$photo = 'images/no.jpg';
	}
 
	echo '<td width="15%" align="center" valign="middle"><p><a href="'.$row['url'].'" target=blank><img src="'.$photo.'" width="50" height="50" style="border: 1px #FFFFFF solid" alt="Pas de photo"></a></p></td>';
 
}
 
?>

Normalement, il me semblait que le <td width="15%" suffisait à créer cet espace entre chaque image.

Merci d'avance !

[goomazio]

Salut,

Tu t'ai trompé de forum il me semble, ça devrait plutôt aller du côté du HTML...

The CSS padding properties define the space between the element border and the element content.
http://www.w3schools.com/css/css_padding.asp

En ajoutant un padding de quelques pixels à la balise img ça devrait aller:

Code :

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

<img src="'.$photo.'" width="50" height="50" style="border: 1px #FFFFFF solid;padding: 5px;" alt="Pas de photo">

Sinon tu peux essayer en mettant un padding à la balise td de la même manière.

[Angelik]

oops autant pour moi ... J'ai pris l'habitude de poster ici c'est pour ça ...

Merci pour ta soluce, ça marche

@bientôt

[blueice]

Tu t'ai trompé de forum il me semble, ça devrait plutôt aller du côté du HTML...

Elle se trouve déjà sur le forum HTML... tu as sûrement du vouloir dire CSS.

[goomazio]

Elle se trouve déjà sur le forum HTML... tu as sûrement du vouloir dire CSS.

J'ai vérifié 3 fois avant de me convaincre de l'écrire.

C'est parceque le post a été déplacé entre-temps