[CSS] pseudo-element : problème...

pseudo-element : problème... [CSS] - HTML/CSS - Programmation

Marsh Posté le 14-03-2006 à 13:35:42    

voila mon css
 

Code :
  1. <style type="text/css">
  2. h1 {color: blue}
  3. h1:first-letter
  4. {
  5. font-size: 72pt;
  6. color: red
  7. }
  8. h1:hover
  9. {
  10. color: green
  11. }
  12. p {color: blue}
  13. </style>


 
et voila mon code html
 

Code :
  1. <html>
  2. <head>
  3. <title>Page de test CSS</title>
  4. <link rel="stylesheet" href="style.css" type="text/css">
  5. </head>
  6. <body>
  7. <h1>Header 1</h1>
  8. <p>Ceci est un paragraphe avec la balise adéquate...</p>
  9. </body>
  10. </html>


 
 
Alors : tout marche SAUF mon h1 "tout court" qui est noir à la place de bleu... et je ne comprend pas pourquoi ! Ca doit surement être une erreur de syntaxe, mais je ne la trouve pas :(

Reply

Marsh Posté le 14-03-2006 à 13:35:42   

Reply

Marsh Posté le 14-03-2006 à 14:06:35    

avec juste ton code, ton h1 est bien bleu ( sous FF et IE ( sur lequel le hover ne fonctionne evidement pas))...
Tu es sur de ne pas avoir une rédéfinition de ton element h1 dans le reste de ton fichier css?

Reply

Marsh Posté le 14-03-2006 à 14:19:47    

non, tout mon code est copié/collé ici (j'essaie de faire quelques exemple de w3schools.com pour m'initier au css) :/ Par contre, en appliquant les effet de "h1" a "p" : ca marche ! je ne comprends pas :d
 
pour info : je suis sous linux (ubuntu breezy) avec FF 1.0.7

Reply

Marsh Posté le 14-03-2006 à 14:24:16    

exemple :  

Code :
  1. <style type="text/css">
  2. h1 {color: blue}
  3. h1:first-letter
  4. {
  5. font-size: 72pt;
  6. color: red
  7. }
  8. p {color: blue}
  9. p:first-letter
  10. {
  11. font-size: 36pt;
  12. color: red
  13. }
  14. </style>


 
http://img53.imageshack.us/img53/1134/capture7lf.png
 
(idem avec epiphany :/)


Message édité par stupidduck le 14-03-2006 à 14:47:13
Reply

Marsh Posté le 14-03-2006 à 14:46:44    

Et t'as essayé en utilisant des ";" en fin de ligne :p

Reply

Marsh Posté le 14-03-2006 à 14:47:54    

http://img89.imageshack.us/img89/4367/19mc2.jpg
http://img58.imageshack.us/img58/1660/29tz.jpg
 
FF 1.5.0.1 sous XP-SP2
Idem sur IE6.0.29


Message édité par anapajari le 14-03-2006 à 14:51:04
Reply

Marsh Posté le 14-03-2006 à 14:48:18    

oui, ca fait pareil

Reply

Marsh Posté le 14-03-2006 à 14:49:54    

c'est que ca vient de chez moi, merci pour l'aide :)
 
edit : avec ca :

Code :
  1. h1 {color: blue}
  2. h1 {color: blue}


 
ca marche :pt1cable:


Message édité par stupidduck le 14-03-2006 à 14:54:55
Reply

Marsh Posté le 14-03-2006 à 15:09:21    

ben un point virgule a la fin après chaque ligne :o
 
p{
width:20px;
color:red;
}

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed