rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Liste CSS en ligne

zvib, le vendredi 7 mars 2008 à 01:16:08
Bonjour,
j'ai une liste de la forme:

<ul id="mainlevel_menulex"><li>
<a href="/a/" class="mainlevel_menulex">A</a></li>
<li><a href="/b/" class="mainlevel_menulex">B</a></li>
...
</ul>

je souhaiterais l'afficher en ligne:
A B ...

j'ai essayé de definir:
a.mainlevel_menulex{
display:block;
}

ul.mainlevel_menulex {
display:inline;
}
mais ca ne marche pas.

Je sais c'est un peu sale de prendre une liste pour faire un menu en ligne mais je n'ai pas vraiment le choix.

Merci d'avance
Configuration: Windows XP
Firefox 2.0.0.12
Répondre à zvib  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 01:44:38
salut,

essaie :
ul.mainlevel_menulex li 
{
display:inline;
} 


c'est un peu sale de prendre une liste pour faire un menu en ligne
pas du tout, c'est très bien.
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zvib, le vendredi 7 mars 2008 à 18:07:02
Salut, j'ai essayé ce que tu m'as dit mais ça ne marche pas non plus.

<div class="moduletable_menulex">
<ul id="mainlevel_menulex">
<li><a href="/a/" class="mainlevel_menulex" >A</a></li>
<li><a href="/b/" class="mainlevel_menulex" >B</a></li>
...
</ul>
</div>


et le css:
a.mainlevel_menulex{
	display:block;
}

ul.mainlevel_menulex li{
	display:inline;
} 

div.moduletable_menulex{
	padding: 0px 6px 4px 6px;
	border-bottom: 2px solid #DFDFDA;
}


ce que j'ai du mal à comprendre c'est le rôle du <ul id="mainlevel_menulex"> pourquoi id et pas class? quelle est la différence?
Répondre à zvib

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 18:17:42
rolala que chui nul !

pardon j'ai pas vu que tu as utilisé un point pour l'identifiant et je n'ai pas vérifié…
les autres classes ou identifiants doivent être inutiles, tu vas pouvoir sélectionner depuis le <div>.

HTML
<div id="moduletable_menulex">
     <ul>
          <li><a href="a">A</a></li>
          <li><a href="b">B</a></li>
          ...
     </ul>
</div>

CSS
div#moduletable_menulex
{
	padding: 0px 6px 4px 6px;
	border-bottom: 2px solid #DFDFDA;
}
div#moduletable_menulex ul li
{
	display:inline; /* si tu veux avoir les liens en {display:block;}, remplace le par {float:left;} */
} 
div#moduletable_menulex ul li a
{
	display:block; /* c'est contradictoire avec le {display:inline;} du conteneur (<li>) */
}

pour aller plus loin :

• {http://css.alsacreations.com/... différence entre classes et identifiants] (tu peux parcourir tous les tutos, c'est de l'or en barre !)

CSS Débutants

une introduction à CSS
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zvib, le vendredi 7 mars 2008 à 18:55:09
bon ça marche tjrs pas. Le code est genere par un cms (joomla) donc en fait y'a plein de div au-dessus:

<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">
<div id="ja-mainbody-fr">
<div id="ja-contentwrap">
<div id="ja-content">
<div class="ja-box" style="width: ;">


Je suppose qu'il ya qqch qui bloque parmi tous ces styles, non? je vais regarder ça, merci en tout cas.
Répondre à zvib

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 19:08:43
essaie en mettant {float:left;} au <li> et sans mettre {display:block;} au <a>.
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zvib, le vendredi 7 mars 2008 à 19:35:59
non plus...
Répondre à zvib

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 19:41:41
est-ce que tu as une version en ligne ?
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zvib, le vendredi 7 mars 2008 à 19:49:16
oui: http://www.espace-poker.com/lexique-du-poker/
faut que je change un truc, si tu vois pas la liste (c'est pas le menu de gauche) attends 2 sec.
Répondre à zvib

12


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 20:08:16
div.moduletable_menulex ul#mainlevel_menulex li
{
float:left;
}
div.moduletable_menulex ul#mainlevel_menulex li a
{
display:block;
}
div.componentheading
{
clear:left;
}

testé avec WebDevelopper, ça marche…
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
zvib, le samedi 8 mars 2008 à 17:07:44
Ca marche mais j'ai un autre souci maintenant:
http://www.commentcamarche.net/forum/affich 5366416 probleme a hover
Répondre à zvib

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
prokhalid, le vendredi 7 mars 2008 à 14:22:06
bonjour tout le monde,
je suis débutant en html et je viens d'attaquer la partie css!! mais j'arrive pas à bien comprendre cette partie
sur le net je trouve pas quelque chose de claire et simple!!
svp s'il y a quelqu'un qui pourra m'aider avec des exemples simples j'en serai remerciant!!
en attendant je vou ssouhaite bonne journée






le savant ne dois pas cacher son savoir et l'ignorant ne doi­t pas avoir honte de son ignorance comme ça le courant passe­ et tout lemonde sera gagnant dans l'affaire
Répondre à prokhalid

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Dalida, le vendredi 7 mars 2008 à 15:10:18
salut,

tu aurais dû ouvrir ton propre fil de discussion.

pour ta question, je n'ai pas le temps de C/C tous les liens, je te renvoie donc vers cette page qui contient quelques liens intéressants.
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
jérémy1664, le vendredi 7 mars 2008 à 15:56:45
Je te conseil http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-­site-web.html pour apprendre le css tu verra c'est un langage très facile à comprendre
Répondre à jérémy1664

14


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Fredou-x3, le samedi 15 mars 2008 à 20:29:41
J'ai un probleme avec ma liste. Voici les codes :
<BODY>

<CENTER><FORM>
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION SELECTED VALUE="">-Choix du Mois-
  <OPTION VALUE="janvier.php3">Janvier
  <OPTION VALUE="Février.php3">Février
  <OPTION VALUE="Mars.php3">Mars
  <OPTION VALUE="Avril.php3">Avril
  <OPTION VALUE="Mai.php3">Mai
  <OPTION VALUE="Juin.php3">Juin
  <OPTION VALUE="Juillet.php3">Juillet
  <OPTION VALUE="Aout.php3">Aout
  <OPTION VALUE="Septembre.php3">Septembre
  <OPTION VALUE="Octobre.php3">Octobre
  <OPTION VALUE="Novembre.php3">Novembre
  <OPTION VALUE="Decembre.php3">Decembre
</SELECT>
</FORM>



J'aimerais avoir la suite des codes html pour avoir un boutton ok et selon le mois selectioné on arrive à la page de ce mois.

Merci.
Répondre à Fredou-x3

15


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 Dalida, le dimanche 16 mars 2008 à 01:47:59
salut,

un bonjour ça ne fait jamais de mal.

pour le reste…
[ Mathieu ]
Pensez à utiliser le bouton "Conserver la mise en forme du texte sélectionné" pour mettre en forme les codes sources et à cocher l'option "Résolu" quand c'est le cas, merci !
Répondre à Dalida
Logiciels pertinents trouvés dans les téléchargements
Télécharger Ma Liste d'Achats  2.01Ma Liste d'Achats - Faire les courses est une tâche bien compliquée pour les non initiés. Ma liste d'achats est comme son nom l'indique, un...Catégorie: Environnement de travail
Licence: Freeware/gratuit
Télécharger Windows XP SP2 1.0Windows XP SP2 - Les Service Packs constituent un moyen pratique, tout en un, d'accéder aux derniers pilotes, outils et améliorations en...Catégorie: Librairies (DLL)
Licence: Freeware/gratuit
Télécharger Amaya 9.54Amaya - Amaya est un éditeur Web, développé conjointement par l'INRIA et le W3C, pour éditer et publier très simplement des pages...Catégorie: Editeurs HTML
Licence: Open Source
Télécharger Vista Codec Package 4.7.3Vista Codec Package - Vista Codec Package regroupe une collection impressionnante de codecs (audio et vidéo), permettant d'ouvrir la plupart...Catégorie: Codecs
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Liste CSS en ligne »