1. #1
    Membre expérimenté Avatar de romulus001
    Homme Profil pro
    Développeur VB.NET et Windev (22) sur produits SAGE ligne 100
    Inscrit en
    mai 2009
    Messages
    1 103
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations professionnelles :
    Activité : Développeur VB.NET et Windev (22) sur produits SAGE ligne 100

    Informations forums :
    Inscription : mai 2009
    Messages : 1 103
    Points : 1 302
    Points
    1 302

    Par défaut La marge à gauche ne s'applique pas

    Bonjour,

    Je réalise un projet à l'aide de Ionic, je voudrais ajouter une marge sur des tags p mais impossible de l'appliquer, voici le code de ma page html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    <ion-header>
     
      <ion-navbar>
        <ion-title>Detail du contrat</ion-title>
      </ion-navbar>
     
    </ion-header>
     
     
    <ion-content padding>
        <ion-fab top left>
            <button ion-fab>Accés</button>
            <ion-fab-list side="bottom">
              <button ion-fab >
                  <ion-icon name="home" (click)="goHome();"></ion-icon>
                </button>
            </ion-fab-list>
          </ion-fab>
    <div id="infoContrat">
      <p>Numéro : {{numeroContrat}}</p>
      <p>Statut : {{statutContrat}}</p>
      <p>Société : {{societe}}</p>
      <p>Date de début : {{dateDebut}}</p>
      <p>Date de fin : {{dateFin}}</p>
      <p>Catégorie : {{categorieContrat}}</p>
      <p>Affectation en cours : {{affectationEncours}}</p>
      <p>Emploi en cours : {{emploinEncours}}</p>
      <p>Poste en cours : {{posteEncours}}</p>
      <p>Fonctione actuelle : {{FonctionActuelle}}</p>
      <p>Classification en cours : {{classificationEncours}}</p>
    </div>
    </ion-content>

    Le code css de la page :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    page-detail-contrat {
        #info_contrat.p{
            left:40px
        }
    }
    J'ai essayé de remplacer #infoContrat.p dans la feuille CSS par #infoContrat, p, div et même div.p, je n'aboutis à rien du tout de concluant, des idées?
    Merci
    Chat alors!

    (\ _ /)
    (='.'=) Voici Lapinou. Aidez le à conquérir le monde
    (")-(") en le reproduisant

  2. #2
    Membre éprouvé
    Homme Profil pro
    Développeur multimédia
    Inscrit en
    juillet 2004
    Messages
    693
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

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

    Informations forums :
    Inscription : juillet 2004
    Messages : 693
    Points : 1 161
    Points
    1 161

    Par défaut

    Salut essaye ça si tu n'a pas encore essayé :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    page-detail-contrat {
        #info_contrat.p{
            margin-left:40px
        }
    }

  3. #3
    Membre expérimenté Avatar de romulus001
    Homme Profil pro
    Développeur VB.NET et Windev (22) sur produits SAGE ligne 100
    Inscrit en
    mai 2009
    Messages
    1 103
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Pyrénées Atlantiques (Aquitaine)

    Informations professionnelles :
    Activité : Développeur VB.NET et Windev (22) sur produits SAGE ligne 100

    Informations forums :
    Inscription : mai 2009
    Messages : 1 103
    Points : 1 302
    Points
    1 302

    Par défaut

    Salut, ça a marché en faisant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    page-detail-contrat {
        p{
            margin-left:40px
        }
    }
    Chat alors!

    (\ _ /)
    (='.'=) Voici Lapinou. Aidez le à conquérir le monde
    (")-(") en le reproduisant

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

Discussions similaires

  1. Appliquer une marge à gauche
    Par laurentSc dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/01/2013, 18h49
  2. Marges ne s'appliquent pas
    Par koKoTis dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/06/2011, 12h20
  3. WSUS : client n'applique pas la GPO
    Par Zolex dans le forum Windows Serveur
    Réponses: 3
    Dernier message: 09/08/2005, 17h07
  4. [CSS] 1er style défini ne s'applique pas
    Par CTux dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/07/2005, 11h40
  5. Pb Sub-request : ne s'applique pas a un seul champ
    Par zubral dans le forum Langage SQL
    Réponses: 5
    Dernier message: 26/05/2004, 11h31

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