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