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 :

Padding différent si Image ou Texte?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Par défaut Padding différent si Image ou Texte?
    Salut,
    J'affiche des articles sur une largeur de 1000px, chaque page commence par une image de 1000px, donc le DIV qui contient l'article a un padding Left et Right a 0.

    Le Soucis est que pour le texte j'ai besoin d'un padding de 5 de chaque coté afin d'améliorer la lisibilité, comment faire?

    Une solution serait de jouer sur <p></p> mais comment différencier si il s'agit d'une image ou d'un texte?

    PS : Les articles sont rédiger en backoffice sous TinyMCE.

    Merci pour votre aide.

  2. #2
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    ajoute dans ta css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    p {
    padding: 0 5px 0 5px;
    }
    sinon si tes images sont aussi dans des <p> alors tu rajoutes en plus :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    p img {
    padding:0;
    }

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Par défaut
    et bien j'y ai cru mais non j'ai toujours les 5px sur les img, étrange.

  4. #4
    Membre émérite Avatar de FraK
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2005
    Messages
    828
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2005
    Messages : 828
    Par défaut
    Dans ton code HTML regarde si tu n'as pas un attribut valign ou autres sur ton image.
    Infographiste / Webdesigner / Intégrateur (un peu Développeur aussi si on peut dire ;p)
    On me trouve souvent dans la partie Hardware, Systèmes et Logiciels ou encore Webmasters - Développement Web et surtout dans le forum Wordpress.
    »» Mon Blog Musical (drumnbass)

  5. #5
    Membre émérite Avatar de pop_up
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    877
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 877
    Par défaut
    Le mieux c'est que tu nous montres un bout de ton code (ou un lien vers le site) où l'on puisse constater le problème et te proposer une solution.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Par défaut
    http://www.dev3dvf.com/dossier-2-2-d...staphylas.html

    Voici la page d'exemple concerné.

    Merci pour votre aide.

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

Discussions similaires

  1. [SWT]image ET text sur un bouton SWT
    Par piwai dans le forum SWT/JFace
    Réponses: 14
    Dernier message: 04/10/2006, 15h41
  2. [CR7] mettre une image ou texte de fond
    Par yoyothebest dans le forum SAP Crystal Reports
    Réponses: 4
    Dernier message: 11/08/2006, 14h40
  3. Extraire image et texte d'un powerpoint
    Par VLDG dans le forum Langage
    Réponses: 2
    Dernier message: 07/11/2005, 21h48
  4. Detection d'un fichier image ou texte
    Par laclac dans le forum Langage
    Réponses: 6
    Dernier message: 05/10/2005, 08h49
  5. Image avec texte à droite puis en dessous
    Par StarNab dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/05/2005, 17h25

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