Se connecter / S'enregistrer
Votre question

aide pour débutant en CSS

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
15 Novembre 2008 23:36:52

bonjour j'aimerais savoir comment faire pour avec l'aide de ma feuille CSS pour mettre une image que j'ai divisé en trois?
Merci d'avance :hello: 

Autres pages sur : aide debutant css

16 Novembre 2008 00:58:56

bonsoir
si je comprends bien, il faire des blocs
16 Novembre 2008 01:03:08

Salut,

L'image, c'est pour faire quoi ?
Contenus similaires
16 Novembre 2008 01:05:13

enfaite pour mon header ma sidebar et mon content, j'aimerais savoir comment grâce à la feuille de style CSS mettre une image en top et en bas et pour relier le tout une image qui vas se répéter. et j'aimerais donc savoir comment faire.
16 Novembre 2008 10:31:29

salut
mettre une image en top et en bas et pour relier le tout une image qui vas se répéter, j'avoue que je ne comprends pas bien.
su tu veux faire un design, tu peux le découper et mettre les images en background-image: url(../images/banniere.gif); dans tes boîtes.
16 Novembre 2008 11:27:59

Alors, tu dois créer des div qui sont des blocs et dans ceux-ci tu mettra le fond que tu veux.
Genre dans le HTML
  1. <div id="header"></div>
  2. <div id="content"></div>
  3. <div id="footer"></div>

Pour afficher un bloc pour le header, un bloc pour le contenu et un autre pour le footer.

Puis tu auras dans le CSS:
  1. #header {
  2. background-image: url(./images/header.jpg);
  3. background-repeat: no-repeat;
  4. min-height: 150px;
  5. }
  6.  
  7. #content {
  8. background-image:url(./images/content.jpg);
  9. background-repeat: repeat-y;
  10. min-height: 300px;
  11. }
  12.  
  13. #footer {
  14. background-image:url(./images/footer.jpg);
  15. background-repeat: no-repeat;
  16. min-height: 30px;
  17. }

Sachant que le fond (background) du contenu se répetera, mais aura une taille minimal de 300px.
16 Novembre 2008 11:58:54

custmax a dit :
Alors, tu dois créer des div qui sont des blocs et dans ceux-ci tu mettra le fond que tu veux.
Genre dans le HTML
  1. <div id="header"></div>
  2. <div id="content"></div>
  3. <div id="footer"></div>

Pour afficher un bloc pour le header, un bloc pour le contenu et un autre pour le footer.

Puis tu auras dans le CSS:
  1. #header {
  2. background-image: url(./images/header.jpg);
  3. background-repeat: no-repeat;
  4. min-height: 150px;
  5. }
  6.  
  7. #content {
  8. background-image:url(./images/content.jpg);
  9. background-repeat: repeat-y;
  10. min-height: 300px;
  11. }
  12.  
  13. #footer {
  14. background-image:url(./images/footer.jpg);
  15. background-repeat: no-repeat;
  16. min-height: 30px;
  17. }

Sachant que le fond (background) du contenu se répetera, mais aura une taille minimal de 300px.


Merci CustMax et pour mettre 3 images dans le header par exemple il faut créer un div par images?
16 Novembre 2008 12:07:23

Pour que les trois images soient alignées, la méthode la mieux, pour moi, serait de faire un <span> par image le tout englobé dans une div.

  1. <div id="header">
  2. <span id="header_1"></span>
  3. <span id="header_2"></span>
  4. <span id="header_3"></span>
  5. </div>


Je ne suis pas sur que ça marche comme il faut, mais essaye.

et tu mettra dans ton CSS:
  1. #header {
  2. min-height: valeur_a_changer px;
  3. }
  4.  
  5. #header_1 {
  6. background-image: url(./images/header1.jpg);
  7. background-repeat: no-repeat;
  8. margin: 0px;
  9. }
  10.  
  11. #header_2 {
  12. background-image: url(./images/header2.jpg);
  13. background-repeat: no-repeat;
  14. margin: 0px;
  15. }
  16.  
  17. #header_3 {
  18. background-image: url(./images/header3.jpg);
  19. background-repeat: no-repeat;
  20. margin: 0px;
  21. }


A toi de tenter ;) 
16 Novembre 2008 12:30:19

Merci CustMax, mais ça ne fonctionne pas :s
21 Novembre 2008 22:05:55

Quelqu'un aurait d'autres solutions?
Merci D'avance
23 Novembre 2008 21:14:10

Tu pourrais nous montrer ce que tu as essayé ? (ton feuillet de style quoi)

Et qu'est-ce qui ne fonctionne pas exactement ? Les trois images dans le header ou les images sur l'ensemble du site ?
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