Submitted by Ura on
Bonjour,
Je travail avec Drupal depuis quelque temps. Je mets au point un site donc un thème aussi. Mon thème est bien a mon goût sauf pour le block de langues. J'ai mis en place le module pour mettre les petits drapeaux avant les noms des langues. Je supprime le text et me restent les petits drapeaux.
Tout ça marche bien. Là où ca devient irritant, c'est que je n'arrive pas à mettre les drapeaux les uns après les autres. Ils ne s'affichent les uns en dessous des autres. Cela fait bien une semaine que je cherche, mais je ne trouve pas de solution. J'espere qu'il y en a une et que je la trouve ici.
Merci.
Salut, Regarde comment tes
Permalien Soumis par yvmarques le 25 Août, 2008 - 10:58
Salut,
Regarde comment tes drapeaux sont affiché, à mon avis cela doit être avec un liste, en CSS tu pourras facilement les mettre côte à côte.
a++
Merci de ta réponse. Ben
Permalien Soumis par Ura le 25 Août, 2008 - 13:35
Merci de ta réponse. Ben non, rien n'y fait. J'ai beau changer mon style.css, cela ne change rien. J'ai remarqué que la balise a un id=block-locale-0. Mais je ne sais pas trop comment changer le style. Je cherche, mais ne trouve rien. J'ai tellement essayé que j'en suis maboule.
A+
Est-ce que tu peux donner le
Permalien Soumis par yvmarques le 25 Août, 2008 - 14:24
Est-ce que tu peux donner le code html de tout ce block ?
a++
Merci pour ton aide. Je me
Permalien Soumis par Ura le 25 Août, 2008 - 16:43
Merci pour ton aide. Je me suis battu 3jours avec le code de styles.css. J'ai réussi a trouvé le code pour mettre les petits drapeaux les uns a coté des autres. J'ai modifié en ajoutant display: inline; à :
li {
display: inline;
}
Cela met les petits drapeaux comme je le veux.
Je mettrai plus de détails des que j'en ai plus pour aider les autres qui cherchent aussi la même chose, vu qu'il y en a pleins qui ont posté avec ce problème.
En tout cas merci de tes réponses.
A+
Le truc avec ton li{
Permalien Soumis par yvmarques le 25 Août, 2008 - 17:00
Le truc avec ton li{ display:inline } c'est que cela va s'appliquer à toute les liste, du devrais mettre plutôt #block-id li{ display:inline }
A++
Voila le code la ou est le
Permalien Soumis par Ura le 25 Août, 2008 - 17:13
Voila le code la ou est le block,je pense en ligne 46. Je l'ai mis dans headerlang.
<table width="800" border="1" bordercolor="#666666" id="wrapper">
33 <tr>
34 <td><table width="800" border="1" bordercolor="#000000">
35 <tr>
36
37 <td height="10" colspan="2" align="left" valign="bottom"><img src="/sites/all/themes/eftclan/images/logo.png" alt="logo" width="887" height="184" /></td>
38 </tr>
39 <tr>
40 <td colspan="3" align="center"><img src="/sites/all/images/ligne.gif" alt="ligne" /></td>
41 </tr>
42 <tr>
43 <td width="700" valign="bottom" id="headerlang"> <ul class="links" id="navlist"><li class="menu-205 first"><a href="http://grs-team.be" title="GRS-Team ">GRS</a></li>
44<li class="menu-117 last"><a href="http://localhost/?q=node/1" title="">Tools</a></li>
45</ul> </td>
46 <td valign="bottom" id="headerlang"><div id="block-locale-0" class="clear-block block block-locale">
47 <div class="content"><ul><li class="en first active"><a href="/?q=node" class="language-link active"><img src='/sites/all/modules/languageicons/flags/en.png' class="language-icon" alt="English" width="16" height="12" /></a></li>
48<li class="nl active"><a href="/?q=nl/node" class="language-link active"><img src='/sites/all/modules/languageicons/flags/nl.png' class="language-icon" alt="Nederlands" width="16" height="12" /></a></li>
49<li class="fr last active"><a href="/?q=fr/node" class="language-link active"><img src='/sites/all/modules/languageicons/flags/fr.png' class="language-icon" alt="Français" width="16" height="12" /></a></li>
50</ul></div>
51</div>
52
53</td>
54 </tr>
55 <td colspan="4"><table border="0" cellpadding="0" cellspacing="0" id="content">
56 <tr>
A+
Ce qu'il fallait mettre
Permalien Soumis par Ura le 25 Août, 2008 - 19:10
Ce qu'il fallait mettre est,
headerlang li {
display:inline;
}
Comme ça, cela marche du tonnerre. Merci a toi, qui m'a mis sur la voie.
A+