Comment ne sélectionner qu'un "<p>" en CSS

25 mai 2017 à 18:47:57

Bonjour,

J'essaye de sélectionner qu'un paragraphe de façon à le centrer, seulement soit mes 2 paragraphes se centrent, soit aucuns des 2.

J'ai essayé avec les sélecteurs mais je bloque

EmmanuelBeziat

25 mai 2017 à 18:51:06

Salut,

Mets une classe dessus.

Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

Fogui21

25 mai 2017 à 18:54:57

oui j'ai également essayé avec "class" ou "id" mais ça ne change rien

Lamecarlate

25 mai 2017 à 20:36:39

Bonjour,

oui j'ai également essayé avec "class" ou "id" mais ça ne change rien

Montre ton code s'il te plaît. Ça ne peut pas ne pas marcher si on le fait correctement

Pas d'aide concernant le code par MP, le forum est là pour ça :)

Fogui21

25 mai 2017 à 22:01:39

Oui je me doute avoir fait une erreur mais je ne sais pas où.. :/

h1{

font-size: 30px;

font-family: "Arial";

text-align: center;

}

p.on{

text-align: center;

}

img{

float: right;

box-shadow: 10px 5px 5px black;

margin-right: 50px;

}

body{

background-image: url(fond.jpg);

}

-----------------------------------------------

<!DOCTYPE html>

<head>

<title>Curriculum Vitae</title>

</head>

<body>

<h1>Thomas Foguenne</h1>

<p class="on">Etudiant en développement Web</p>

<h2>Mon expérience</h2>

<ul>

<li>De 2012 à 2014 : chauffagiste</li>

<li>De 2014 à 2016 : électricien industriel</li>

<li>De 2016 à aujourd'hui : étudiant en développement Web</li>

</ul>

<h2>Mes compétences</h2>

<ul>

</ul>

<h2>Ma formation</h2>

<p>J'ai tout appris sur OpenClassrooms.</p>

</body>

</html>

NicolasDreux

25 mai 2017 à 22:04:17

enlève le p comme tu décrit la classe dans ton css tu a juste besoin du nom de la classe (:

exemple

.on {

text-align:center;

}

-
Edité par NicolasDreux 25 mai 2017 à 22:06:22

Fogui21

25 mai 2017 à 22:08:35

Oui pardon, j'avais déjà essayé sans et j'arrive au même résultat

NicolasDreux

25 mai 2017 à 22:15:26

ton code marche très bien chez moi

tu as bien mis le point avant le nom de ta classe ?

ton chemin d'accès vers le fichier CSS est bien reliée ?

Fogui21

25 mai 2017 à 22:24:32

Donc je voudrais que le <p> 1 sois en dessous du titre et que le <p>2 reste en dessous de formation.

Les 2 fichiers sont dans le meme dossier

-
Edité par Fogui21 25 mai 2017 à 22:27:35

NicolasDreux

25 mai 2017 à 22:33:13

<link rel="stylesheet" href="/OpenClassroom/CSS/style.css" />

stefde3

25 mai 2017 à 22:44:51

Pour moi aussi ton code fonctionne bien

JsFiddle

Le CSS ça peut craindre -->Conférence CSS3.CREATE

Fogui21

26 mai 2017 à 0:43:13

Bon ok !

Merci beaucoup pour vos réponses.

NicolasDreux

26 mai 2017 à 7:41:29

De rien