Discussion :

[Invité]

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

[headmax]

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
    }
}

[Invité]

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
    }
}