Discussion :

[Alexandrebox]

Bonsoir amis, amies codeurs-designers,
Pourriez-vous s'il vous plait m'aider ?
J'ai un code PHP juste qui me renvoien un bloc de (FR EN ES) entourés par li. Mais j'ai un petit problème avec le css pour afficher correctement les listes sans retour en arrière. Je m'explique :
$lang .= '<li>'.$row['link'].'</li>';
Ce qui afficherai ceci :
FR
EN
ES

Moi par contre, je cherche à afficher ceci :
FR EN ES

Voici ce que j'ai fait comme css mais ne marche pas :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
#connexion{
position:absolute;
margin-top: 24px;
left: 1040px;
width: 80px;
height: 20px;
float:left;
}
#connexionUL{
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
#connexion li a:link{
background-color: #FFFFFF;
color: #54b6bf;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
text-decoration: none;
padding-left: 0px;
padding-right: 4px;
padding-top: 0px;
padding-bottom: 0px;
display: inline;
float:left;
}
#connexion li a:hover{
background-color: #a1f4fc;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
text-decoration: none;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
display: inline;
float:left;
}

Et voici comment j'ai essayé de l'afficher

Code :

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

<div id="connexion"><div id="connexionUL"></div></div>

D'avance je vous remercie beaucoup

[vodiem]

salut Alexandrebox,

ta mise en ligne par display:inline n'est pas affecté à tes <li>

Code CSS :

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

li {display:inline}

où éventuellement:

Code CSS :

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

#connexionUL li {display:inline}

mais si tu as un conteneur ul ou si c'est un autre chemin de balise à toi de l'adapter.

tu peux encore retirer le <li> de $lang...