Id numérique en css

Résolu/Fermé
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014
- 5 févr. 2013 à 16:38
ShayFmw
Messages postés
105
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
- 6 févr. 2013 à 13:42
Bonjour,

J'ai un problème de css, voici les lignes concernées de mon code source :

<div class="post" id="145">

<h1><a href="......">salut</a></h1>

</div>

Mon but est d'attribuer un style au h1 du post ayant comme id 145.

Or, en css #145 ne fonctionne pas.

Il doit y avoir une syntaxe définir en css les id constitué seulement de chiffre ou commençant par des chiffres.

Si vous pouviez m'éclairer, merci d'avance.

Cordialement,

Nadir

8 réponses

ShayFmw
Messages postés
105
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
43
5 févr. 2013 à 17:55
Bonsoir,

Essayez dans votre code css

[id='145']
{
color:red; (par exemple)
}


1
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014

5 févr. 2013 à 18:35
Bonsoir, merci de m'aider,

mais cela ne fonctionne pas.

Une autre idée ?
0
ShayFmw
Messages postés
105
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
43
Modifié par ShayFmw le 5/02/2013 à 18:47
Je viens de tester à l'instant avec le code que vous avez fournis, et cela fonctionne... Avez-vous bien mis les crochets ?

Ah remarque, avec un attribut de couleur, dans le cas du lien, ça ne va pas fonctionner. Mais essayez donc avec ça par exemple

[id='145']
{
background:red;
}


Mes fichiers

HTML

<link rel="stylesheet" type="text/css" href="style.css">


<div class="post" id="145">

<h1><a href="......">salut</a></h1>

</div>


Style.css

[id='145']
{
background:red;
}

Passionné d'informatique et de jeux vidéos.
C'est toujours agréable d'avoir un "merci", même quand la réponse apportée est bonne et que votre problème est résolu :)
0
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014

5 févr. 2013 à 18:51
Ah merci, ça a marché pour le background.

Mais alors comment faire pour le h1.

En tout cas, merci beaucoup à vous.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ShayFmw
Messages postés
105
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
43
5 févr. 2013 à 19:45
Ah, dans ce cas là, autant attribuer directement un ID au h1 ?

<h1 id="10"><a href="......">salut</a></h1>

On va agrandir encore plus ce h1

[id='10']
{
font-size: 150px;
}
0
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014

5 févr. 2013 à 20:23
et bien, ça m'a l'air d'être la solution, merci.

J'essaierai ça dans la soirée et vous dirai si cela a fonctionné.

Merci bien ShayFmw, bonne soirée.
0
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014

6 févr. 2013 à 12:15
Bonjour, à vrai dire, je suis sous wordpress et le h1 n'apparaît dans le code car il est géré par la balise wp head.

Mon problème s'éternise, et je vous remercie d'avance de vouloir m'aider.
0
nadir.k10
Messages postés
11
Date d'inscription
mardi 5 février 2013
Statut
Membre
Dernière intervention
26 mai 2014

6 févr. 2013 à 12:36
Et bien, j'ai trouvé la solution, en créant un modèle me permettant de traité le

titre. En tout cas, merci à ShayFmw et bon courage, pour vos projets futurs.
0
ShayFmw
Messages postés
105
Date d'inscription
samedi 12 janvier 2013
Statut
Membre
Dernière intervention
10 juillet 2013
43
6 févr. 2013 à 13:42
Je vous je vous en prie. Merci, bonne continuation.
0