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

Retour à la ligne

Langage PHP

Discussions similaires

Partager

Partager