Se connecter / S'enregistrer
Votre question

Besoin aide css

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
26 Novembre 2009 03:52:14

voila jai un block css comme celui si



mais je voudrais modifier mon fichier css pour quil ressemble a ceci !



voici mon fichier css

  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. * {
  5. padding: 0;
  6. margin: 0;
  7. }
  8. body {
  9. background-color:#FFF;
  10. background: url(background.gif) fixed repeat-x #fff;
  11. font-family:helvetica, arial, sans-serif;
  12. font-size: 12px;
  13. }
  14. #header {
  15. width: 940px;
  16. margin: 0 auto 0 auto;
  17. }
  18. #main {
  19. width: 900px;
  20. background-color:#FFF;
  21. border: 1px solid #A4A4A4;
  22. margin: 20px auto 0 auto;
  23. -moz-background-clip:border;
  24. -moz-background-inline-policy:continuous;
  25. -moz-background-origin:padding;
  26. -moz-border-radius-bottomleft:10px;
  27. -moz-border-radius-bottomright:10px;
  28. -moz-border-radius-topleft:10px;
  29. -moz-border-radius-topright:10px;
  30. padding: 20px;
  31. }
  32. #main P {
  33.  
  34. padding: 10px 0;
  35. }
  36. #main h1 {
  37. font-size: 19px;
  38. font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  39. line-height: 20px;
  40. }


Si vous avez un site ou un logiciel pour faire du css ou bien vous etres capable de faire sa et que sa ne vous derange pas de m'aider merci beaucoup de me donner un coup de main !

seb

Autres pages sur : besoin aide css

26 Novembre 2009 18:26:41

C'est une composition de base...

HTML:
  1. <div id="conteneur">
  2. <div id="header">
  3. texte<br />
  4. </div>
  5. <div id="col1">
  6. texte<br />
  7. texte<br />
  8. texte<br />
  9. texte<br />
  10. texte<br />
  11. texte<br />
  12. texte<br />
  13. texte<br />
  14. </div>
  15. <div id="col2">
  16. <div class="block">
  17. texte<br />
  18. texte<br />
  19. texte<br />
  20. texte<br />
  21. texte<br />
  22. texte<br />
  23. texte<br />
  24. </div>
  25. <div id="footer">
  26. texte<br />
  27. </div>
  28. </div>
  29. </div>


CSS:
  1. body {
  2. background: #000000;
  3. }
  4.  
  5. #conteneur {
  6. width: 940px;
  7. margin: 0 auto;
  8. }
  9.  
  10. #conteneur #header {
  11. width: 940px;
  12. background: #ffffff;
  13. margin: 10px 0;
  14. }
  15.  
  16. #conteneur #col1 {
  17. width: 230px;
  18. float: left;
  19. background: #ffffff;
  20. margin: 0 10px 0 0;
  21. }
  22.  
  23. #conteneur #col2 {
  24. width: 700px;
  25. float: left;
  26. }
  27.  
  28. #conteneur #col2 .block {
  29. background: #ffffff;
  30. }
  31.  
  32. #conteneur #col2 #footer {
  33. width: 700px;
  34. background: #ffffff;
  35. margin: 10px 0 0 0;
  36. }
m
0
l
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