probleme d'image sur un titre (html+css)

probleme d'image sur un titre (html+css) - HTML/CSS - Programmation

Marsh Posté le 19-08-2007 à 18:19:52    

salut tout le monde, je commence a apprendre le html et le css et je rencontre quelque petit porbleme quand je veut afficher derriere un titre une image !
 
voila mon code html :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>::Pc-Assemblage:: nous montons vos PC et nous le faisons bien !</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    <link rel="stylesheet" media="screen" type="text/css" title="design" href="design2.css"/>
  7.    </head>
  8.    <body>
  9.    <h1 class="acceuil">  Bienvenue sur Pc-Assemblage ! </h1> </br>
  10.    <hr/>
  11.    <p class="présentation"> PC assemblage vous propose de choisir vous meme les composants de votre pc et de vous les assemblés afin de trouver éxactement le pc qui vous convient !</p>
  12.    <p>La société Pc-Assemblage vous propose des prix restants tres compétitifs ! </p>
  13.  
  14.    <p> vous pouvez vous meme faire votre devis ! <br/> De plus, si vous n'avez aucune idée de la puissance et de l'utilité des composants nous vous proposons de vous infomer sur chaque composants afin de vous décrire ses caractéristiques pour que vous choisissier vos composants en fonction de vos besoins et de ce que votre pc va vous servir. <p>
  15.    <p>Vous ne savez pas comment créer votre site web? il vous suffit d'aller lire les tutoriaux sur le site: <a href="http://www.siteduzero.com"><span class="maj"> site du zéro</span> </a> </p>
  16.  
  17.    <h3> Votre PC sur mesure ! </h3>
  18.    </body>
  19. </html>


 
 
 
voila mon css :

Code :
  1. body
  2. {
  3. background-color: rgb(48,48,48) ;
  4. }
  5. h1
  6. {
  7. font-family: "Comic Sans MS" , Arial , "Times New Roman" ;
  8. font-style: italic;
  9. background: url ("http://forum.dhp.free.fr/banniere.gif" ) no-repeat top center fixed ;
  10. text-align: center ;
  11. color: red ;
  12. }
  13. h3
  14. {
  15. font-style: italic;
  16. background-image: url ("http://forum.dhp.free.fr/5592.png" ) no-repeat right fixed ;
  17. color : red ;
  18. }
  19. p
  20. {
  21. text-indent: 30px ;
  22. text-align: justify ;
  23. font-family: "Comic Sans MS" , Arial , "Times New Roman" ;
  24. color : brown ;
  25. }
  26. a
  27. {
  28. text-decoration: none ;
  29. font-weight: bold ;
  30. color: rgb(165,163,156) ;
  31. }
  32. a:hover
  33. {
  34. text-decoration: underline ;
  35. color : blue ;
  36. }
  37. .maj
  38. {
  39. text-transform: capitalize ;
  40. }


 
si vous faites bien attention au titre h1 et au titre h3 j'attribue a chacun une image , mais pourtant aucune image s'affiche....
 
pourriez vous me filer un coup de pouce? :)

Reply

Marsh Posté le 19-08-2007 à 18:19:52   

Reply

Marsh Posté le 19-08-2007 à 20:19:29    

Et la class accueil ? (en passant attention à l'orthographe d'accueil)

Reply

Marsh Posté le 19-08-2007 à 20:50:44    

a oui merci pour la faute, serait ce la cause de mon probleme?  je ne crois pas :D. non mais je la class accueil j'avais oublier de l'enlever . quelqu'un d'autre  a la solution a mon pb  svp?

Reply

Marsh Posté le 19-08-2007 à 22:42:12    

background-image c'est juste pour l'url, quand tu spécifie tout c'est background.


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 20-08-2007 à 10:04:04    

c'est ce que j'ai fait pour h1 , effectivement j'ai mis background-image pour h3. mais cela ne résolu pas mon probleme ! quelqu'un d'autre?

Reply

Marsh Posté le 20-08-2007 à 12:38:47    

il ne faut pas mettre d'apostrophe pour l'url !
 
 

Code :
  1. h1 {
  2. font-family: "Comic Sans MS" , Arial , "Times New Roman" ;
  3. font-style: italic;
  4. background: url (http://forum.dhp.free.fr/banniere.gif) no-repeat top center fixed ;
  5. text-align: center ;
  6. color: red ;
  7. }


 

Reply

Marsh Posté le 20-08-2007 à 15:30:31    

je viens d'éssayer et cela ne marche pas non plus :/ es que sa viendrait du serveur free?

Reply

Sujets relatifs:

Leave a Replay

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