Commentaire(s) Créer des colonnes en CSS à partir d'une liste








Note :Si votre commentaire contient du code, sélectionner votre code avec votre souris puis utiliser la liste "Styles" et sélectionner "Code".


329e6npc
Nombre de commentaire : 7

Commentaire(s)

  • #152 Commentaire de bouni posté le 17/11/10 à 00:52:38 :
  • bouni
  • excellent !

  • #194 Commentaire de norkius posté le 21/01/11 à 11:39:22 :
  • norkius
  • Oui excellent sous firefox. Par contre sur IE j'ai des soucis avec ce code. Quelqu'un a t'il une parade?

  • #195 Commentaire de c00lman posté le 21/01/11 à 12:32:19 :
  • c00lman
  • Bonjour,
    Quelle est le soucis exacte que vous rencontrez sous IE ? Concernant mon tutoriel, l'affichage des exemples demeurent la même sous Firefox et IE 8 !

  • #196 Commentaire de norkius posté le 21/01/11 à 12:53:35 :
  • norkius
  • Sous IE je n'ai pas d'affichage en 2 colonnes mais une seule colonne qui du coup est tronquée...
    En cherchant des explications j'ai cru comprendre que
    les sélecteurs css (donc la ligne ul#ssthemes li[float="left"] + li) ne serait pas compatible avec IE...

  • #197 Commentaire de norkius posté le 21/01/11 à 13:19:56 :
  • norkius
  • Ok après de nouveaux tests en fait ce ne serait pas le sélecteur qui pose problème mais je ne sais quoi dans ma css qui bloque la largeur de mon ul. Quand j'agrandit la largeur à 100% je vois bien les 2 colonnes mais ratatiné sur un espace restreint . Donc le sélecteur n'est pas en cause, ni le code fournit à priori... Mon problème vient d'ailleurs...

    Merci encore donc pour ce bout de code très utile!

  • #198 Commentaire de c00lman posté le 21/01/11 à 14:59:45 :
  • c00lman
  • Je ne vois que 2 conflits possibles pour le moment, soit vous avez déclarer une balise ul ou/et li dans votre CSS autre que le code du tutoriel, soit le conteneur que vous utilisez est trop petit. Vous avez testé en changeant les valeurs des "width" en pixel ?

  • #432 Commentaire de ronamazona posté le 06/07/11 à 15:30:52 :
  • ronamazona
  • Bonjour,

    quelle est l'utilité de ces lignes :
    ul.simple li[float="left"] + li {
    float:none;
    }

    Puisque si on les enlève, ça fonctionne quand même ?
    Merci.