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 :

Les DIV et les P


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut Les DIV et les P
    Bonjour,
    J'ai trois div,
    la 1er est une image qui fait la longeur de mon bloc (élément de déco)
    la 2éme contient du txt
    la 3éme une image qui ferme le tout (élément de déco)

    mon problème est que quand j'ai un paragraphe <P> dans mon texte j'ai un espace qui se créé entre l'image et la zone de texte.

    comment faire pour supprimer cette espace ?
    Dernière modification par 12monkeys ; 20/06/2009 à 14h28. Motif: sms

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    pour commencer si ce sont des image décorative qui n'apportent aucune info, il faudrait penser à les implémenter prioritairement via un background CSS.

    Exemple

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="test"><p></p><div>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    #test {background: url() no-repeat; padding-top:150px}
    #test p {margin:0; background: url() no-repeat bottom;  padding-bottom: 100px}
    En supposant que ton image du bas fait 100px de hauteur et celle du haut 150px.

    Sinon il suffit de supprimer a priori les marge verticales par défaut de ton paragraphe (margin:0)

  3. #3
    Invité
    Invité(e)
    Par défaut
    hello, pour les images en background c'est bien prévu.

    J'avais bien pensé a supprimer les marges du P en css le problème est que cette est nécessaire pour le texte.
    Dernière modification par 12monkeys ; 20/06/2009 à 14h29. Motif: sms

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Alors sans le code il va être difficile de te diagnostiquer ton problème...

Discussions similaires

  1. probleme avec les menu et les div
    Par dzenakhra dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/02/2009, 09h47
  2. div redimentionnables les uns sous les autres
    Par PierreBTSIG dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/06/2008, 13h33
  3. Trop de DIV tue les DIV.
    Par akrogames dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/03/2008, 10h20

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