IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Propriété des LI séparément à partir du UL


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de scorpking
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    232
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 232
    Par défaut Propriété des LI séparément à partir du UL
    Bonjours

    Je travail avec des liste dont je ne connais pas le nombre d'élément et à qui je ne peux donner de classe précise

    je cherche a savoir si on peux définir les propriété css des LI séparément en fonction de leur position

    J'ai recherché sur google mais je ne trouve rien affirmant ou infirmant cette possibilité

    par avance merci

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Bonjour,

    Il existe une propriété CSS3 :nth-child() qui te permet de cibler les enfants d'un élément.
    Tu peux par exemple cibler les éléments pairs, ou impairs, ou cibler 1 élément sur 3, etc...

    Inconvénient : ça ne fonctionne pas avec tous les navigateurs.

    http://css-tricks.com/how-nth-child-works/

  3. #3
    Membre éclairé Avatar de scorpking
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    232
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 232
    Par défaut
    merci pour cette propriété mais css3 dit incompatible la plupart des IE et les personnes qui visiteront ce site peuvent même être sous IE 5.5 donc je pense que je vais éviter ta solution pour ce site mais à conserver pour d'autres si c'est là seule solution css envisageable je considérerai la réponse comme négative et m'orienterai vers une solution JS

  4. #4
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    En CSS2, je ne vois pas comment cibler un élément indépendamment des autres sans lui attribuer une classe spécifique (à part le premier élément).

    A moins d'utiliser les sélecteurs adjacents, mais ça peut être un peu plus contraignant, et ça ne fonctionnera pas avec IE6 ou moins de toute façon.

  5. #5
    Membre éclairé Avatar de scorpking
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    232
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 232
    Par défaut
    Merci je trouverai une autre solution alors

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 04/10/2010, 18h26
  2. remplir des tables a partir de fichiers TXT
    Par jeremie dans le forum MS SQL Server
    Réponses: 5
    Dernier message: 10/03/2004, 14h50
  3. Propriété des ActiveX
    Par nico-pyright(c) dans le forum MFC
    Réponses: 16
    Dernier message: 16/02/2004, 14h03
  4. Variable globale / Propriété des threads
    Par rgarnier dans le forum XMLRAD
    Réponses: 4
    Dernier message: 03/10/2003, 10h49
  5. creer des decors a partir d'un fichier
    Par NICKO dans le forum DirectX
    Réponses: 2
    Dernier message: 21/09/2002, 09h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo