Se connecter avec
S'enregistrer | Connectez-vous

Besoin aide css

Dernière réponse : dans Programmation

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

Lassé par la pub ? Créez un compte
Expert Programmation

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. }
Lassé par la pub ? Créez un compte
Tom's guide dans le monde