Votre question

Image qui ne s'affiche pas quel est le problème ?

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
9 Août 2009 15:22:03

Bonjour !

Je me suis lancée dans le css y a pas longtemps donc je piétine un peu =)

J'aimerais insérer une image en en-tête, mais j'y arrive pas =/ Le truc qu'est bizarre c'est que c'est juste l'image qui s'affiche pas, j'ai un petit carré blanc avec image écrit à l'intérieur mais pas d'images, comment ça se fait ?

Je sais pas si je me fais bien comprendre, alors je vous mets un petit print de l'endroit en question, c'est en haut à gauche dans le rectangle rouge. Le carré est en partie sous le trait rouge...




Donc voilà, je vous mets le code de la feuille.

  1. /************** Endroit de l'en-tête *******************/
  2. #blurb {
  3.  
  4. border-bottom:1px dotted #ccc;
  5. height:450px;
  6.  
  7. }
  8.  
  9. /*******************Image**************/
  10.  
  11. #image {
  12. position: center;
  13.  
  14. }


Et la partie body, l'endroit spécifique de l'image est à la ligne 21 :

  1. <body>
  2. <!-- skip links for text browsers -->
  3. <span id='skiplinks' style='display:none;'>
  4. <a href='#main'>skip to main </a> |
  5. <a href='#sidebar'>skip to sidebar</a>
  6. </span>
  7. <div id='wrapper'>
  8. <div id='header-wrapper'>
  9. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  10. <b:widget id='Header1' locked='true' title='Zaba i Ogurek (en-tête)' type='Header'/>
  11. </b:section>
  12.  
  13. <div id='nav'><ul>
  14.  
  15. <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
  16. <li><a href='mailto:XXX'>E-mail Zaba</a></li>
  17. <li><a href='mailto:XXX'>E-mail Ogurek</a></li>
  18. </ul>
  19. </div>
  20. </div>
  21. <div id='blurb'><img id='image' src='<a href="http://img30.imageshack.us/i/bnirezabkaiogurek.jpg/" rel="nofollow" target="_blank">http://img30.imageshack.us/i/bnirezabkaiogurek.jpg/</a>'/></div>
  22. <div id='main-container'>
  23.  
  24. <div id='main-wrapper'>
  25. <b:section class='main' id='main' showaddelement='no'>
  26. <b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'/>
  27. </b:section>
  28. </div>
  29.  
  30. <div id='sidebar-wrapper'>
  31. <b:section class='sidebar' id='sidebar' preferred='yes'>
  32. <b:widget id='BlogList1' locked='false' title='Là-haut' type='BlogList'/>
  33. <b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>
  34. <b:widget id='LinkList1' locked='false' title='Autres activités' type='LinkList'/>
  35. </b:section>
  36. </div>
  37.  
  38. </div>
  39.  
  40. <!-- spacer for skins that want sidebar and main to be the same height-->
  41. <div class='clear'> </div>
  42.  
  43. <div id='footer'>
  44. <p>© Copyright 2009 | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Theme by <a href='<a href="http://midmodesign.com/" rel="nofollow" target="_blank">http://midmodesign.com/</a>'>Columbia, MO Web Design</a> | Bloggerized by <a href='<a href="http://dhampirito.blogspot.com" rel="nofollow" target="_blank">http://dhampirito.blogspot.com</a>' target='_blank'>Dhampire</a>
  45. | All Rights Reserved</p>
  46. <p/>
  47. </div>
  48. </div>
  49. </body>


Je sais pas si vous avez besoin que je mette tout le code ? Là j'ai mis que les parties que je jugeais utile...
Voilà, je suis un peu perdue et ça me rendrais service un ptit coup de main =D
Merci d'avance !

Autres pages sur : image affiche probleme

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS