Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1000 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1325030
stupidduck
Posté le 14-03-2006 à 13:35:42  profilanswer
 

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 :(

mood
Publicité
Posté le 14-03-2006 à 13:35:42  profilanswer
 

n°1325069
anapajari
s/travail/glanding on hfr/gs;
Posté le 14-03-2006 à 14:06:35  profilanswer
 

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?

n°1325084
stupidduck
Posté le 14-03-2006 à 14:19:47  profilanswer
 

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

n°1325090
stupidduck
Posté le 14-03-2006 à 14:24:16  profilanswer
 

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
n°1325116
Beral2
Posté le 14-03-2006 à 14:46:44  profilanswer
 

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

n°1325117
anapajari
s/travail/glanding on hfr/gs;
Posté le 14-03-2006 à 14:47:54  profilanswer
 

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
n°1325118
stupidduck
Posté le 14-03-2006 à 14:48:18  profilanswer
 

oui, ca fait pareil

n°1325119
stupidduck
Posté le 14-03-2006 à 14:49:54  profilanswer
 

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
n°1325134
gatsu35
Blablaté par Harko
Posté le 14-03-2006 à 15:09:21  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Problème pour écrire dans un fichierProbleme Java ou Fai?
[Javascript CSS] Flashbox[Problème] [mediawiki] Comment uploader beaucoup d'images
Probleme d'affichage avec IEProbleme de placement avec float
[CSS] appliquer une taille à un hover[PHP/MySql] Probleme avec la connexion a une base de donnée Mysql
Problème lors de la validation W3CProbleme header
Plus de sujets relatifs à : [CSS] pseudo-element : problème...


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR