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 :

Problème de CSS avec une liste d'items


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Tuttu
    Homme Profil pro
    Inactif
    Inscrit en
    Février 2007
    Messages
    135
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Inactif

    Informations forums :
    Inscription : Février 2007
    Messages : 135
    Par défaut Problème de CSS avec une liste d'items
    Bonjour bonjour !

    Mon problème est un peu mixte mais comme le résultat est que le CSS ne fonctionne pas correctement, je poste ici.

    Voilà donc ce qu'il m'arrive :
    Pour un site, j'utilise plusieurs pages principales (en php) utilisant des includes pour faire varier leur contenu en fonction du lien cliqué dans le menu de ladite page.
    Chaque page appelée par un include est une page php contenant du texte, des images ou autres dans la balise <p class="texte_corps"></p>.
    Avec le CSS, je demande à ce que cette class dispose d'un fond blanc et de bordures noires comme vous pouvez le voir ici.
    Seulement, quand j'utilise une liste, il se pose un problème. Le cadre à fond blanc ne s'applique pas sur cette liste et je n'arrive pas à savoir pourquoi. Est-ce que cela vient de l'include, du CSS en lui même? Je ne sais pas et c'est donc pour ça que je fais appel à vous.
    Vous pouvez voir les effets de cette combinaison sur cette partie de site.

    Si quelqu'un connaît les raisons de ce problème, ce serait vraiment super car ça fait deux semaines que je galère avec ça.

  2. #2
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    tu devrais commencer par passer ton document au validateur et corriger les erreurs. Tu verras que tu ne peux pas imbriquer des balises p comme tu l'a fait ni même mettre de ul dans un p. Il est donc normale que ton style, attribué au p ne s'applique pas au ul.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  3. #3
    Membre confirmé Avatar de Tuttu
    Homme Profil pro
    Inactif
    Inscrit en
    Février 2007
    Messages
    135
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Inactif

    Informations forums :
    Inscription : Février 2007
    Messages : 135
    Par défaut
    C'est donc de là que viens mon problème...
    Si je passe ma balise <p> en <div>, ça devrait le résoudre ou c'est toujours le meme problème qui reviendra?


    EDIT : j'ai fait le test et ça fonctionne avec un <div>.
    Merci du coup de pouce.

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

Discussions similaires

  1. Problème d'affichage avec une liste à puces
    Par Maxence45 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/07/2007, 21h09
  2. problème d'accent avec une liste
    Par franfr57 dans le forum ASP
    Réponses: 2
    Dernier message: 08/05/2007, 16h00
  3. [Débutant] problème avec une liste déroulante
    Par stan21 dans le forum Access
    Réponses: 3
    Dernier message: 12/07/2006, 14h52
  4. Réponses: 17
    Dernier message: 03/05/2006, 14h01

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