Retour à la ligne

Jykory · 22/05/2011, 11h18

Bonjour, j'ai installé sur mon forum un système de légende (admin etccc) mais le problème c'est que donc les légendes sont affichées les une en dessous des autres.

J'ai ce code:

Code php :

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

1
2
3
4
5
6
7
 
while($group = $db->fetch_assoc($result))
    {
        $groups[] = "\n\t\t\t\t".'<dd><a href="userlist.php?username=&amp;show_group='.$group['g_id'].'&amp;sort_by=username&amp;sort_dir=ASC&amp;search=Envoyer"><span style="color:'.$group['g_color'].'; font-weight:bold">'.pun_htmlspecialchars($group['g_title']).'</span></a>';
    }
 
    echo "\t\t\t".'<dl id="grades" class="clearb">'."\n\t\t\t\t".'<dt><strong>Listes des grades: </strong></dt>'."\t\t\t\t".implode(',</dd> ', $groups).'</dd>'."\n\t\t\t".'</dl>'."\n";

Mais que devrai-je faire pour que ça affiche les un à coté des autres ?

Merci

Séb. · 22/05/2011, 11h47

Regarde le HTML généré ça devrait t'aider ;-)

Jykory · 22/05/2011, 11h56

Merci, mais j'obtient ceci et je ne vois pas ce qui provoque ce probleme

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
			<div class="clearer"></div> 
			<dl id="grades" class="clearb"> 
				<dt><strong>Listes des grades: </strong></dt>				
				<dd><a href="userlist.php?username=&amp;show_group=1&amp;sort_by=username&amp;sort_dir=ASC&amp;search=Envoyer"><span style="color:#ff0000; font-weight:bold">Administrateurs</span></a>,</dd> 
				<dd><a href="userlist.php?username=&amp;show_group=11&amp;sort_by=username&amp;sort_dir=ASC&amp;search=Envoyer"><span style="color:#0000ff; font-weight:bold">Hepleur</span></a>,</dd> 
				<dd><a href="userlist.php?username=&amp;show_group=4&amp;sort_by=username&amp;sort_dir=ASC&amp;search=Envoyer"><span style="color:#000000; font-weight:bold">Membres</span></a>,</dd> 
				<dd><a href="userlist.php?username=&amp;show_group=2&amp;sort_by=username&amp;sort_dir=ASC&amp;search=Envoyer"><span style="color:#FF6633; font-weight:bold">Modérateurs</span></a></dd> 
			</dl> 
        </div> 
    </div> 
</div>

Séb. · 22/05/2011, 12h05

Chaque <dd> provoque un retour à la ligne, c'est normal car il s'agit d'un élément de type bloc.
Si tu veux éviter cela il faut passer par les CSS et faire dd { display : inline }, il y aura sûrement d'autres petits réglages à faire avec les CSS (marge, etc.).

ska_root · 22/05/2011, 12h13

Bonjour,

Ce n'est pas un problème concernant PHP... mais plutôt CSS

Il suffit d'appliquer un style aux balises DD :

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
 
<html>
 
	<head>
		<title>test</title>
		<style type="text/css">
			dl.grades dd { float:left; }
		</style>
</head>
<body>
	<dl class="grades">
		<dt>liste de grades</dt>
			<dd><a href="#">test1</a></dd>
			<dd><a href="#">test2</a></dd>
			<dd><a href="#">test3</a></dd>
	</dl>
</body>
</html>

Jykory · 22/05/2011, 13h04

Merci mais, je ne connais pas trop en css, vous pouvez pas m'aider ?

Merci

22/05/2011, 11h47	#2
Séb. Expert Confirmé Inscription : mars 2005 Messages : 2 823 Détails du profil Informations personnelles : Âge : 34 Localisation : France Informations professionnelles : Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mars 2005 Messages : 2 823 Points : 3 449 Points : 3 449	Regarde le HTML généré ça devrait t'aider ;-) __________________ Un problème exposé clairement est déjà à moitié résolu Keep It Smart and Simple
	00

22/05/2011, 12h05	#4
Séb. Expert Confirmé Inscription : mars 2005 Messages : 2 823 Détails du profil Informations personnelles : Âge : 34 Localisation : France Informations professionnelles : Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mars 2005 Messages : 2 823 Points : 3 449 Points : 3 449	Chaque <dd> provoque un retour à la ligne, c'est normal car il s'agit d'un élément de type bloc. Si tu veux éviter cela il faut passer par les CSS et faire dd { display : inline }, il y aura sûrement d'autres petits réglages à faire avec les CSS (marge, etc.). __________________ Un problème exposé clairement est déjà à moitié résolu Keep It Smart and Simple
	00

22/05/2011, 13h04	#6
Jykory Invité de passage Inscription : mai 2011 Messages : 3 Détails du profil Informations forums : Inscription : mai 2011 Messages : 3 Points : 0 Points : 0	Merci mais, je ne connais pas trop en css, vous pouvez pas m'aider ? Merci
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email